body height 100% bigger than screen height

Question

I've set my html body tag heigth to be 100% but in Firefox that shows as a few more pixels than the screen has, so a nav scroll bar appears. How can I adjust that other than specifiying an arbitrary height :98%? I've set padding and margin to zero.

I'm using only bootstrap for css, if that's of any importance.

Answer 1

Check elements inside the body. One of it probably has margins or even content that goes outside the body element. Just try to delete all inner elements one by one in Firefox's dev.tools and notice which element deletion will solve the problem.