具有100%高度的XHTML HTML元素导致滚动条

Question

在我的CSS文件中,我使用这个:

html,body{height:100%;padding:0;margin:0;border:0;}

这导致垂直滚动条出现在IE8,Chrome 5和Mozilla 3.6上,所有最新版本.

此外,该文档是空的,它只有html,head和body标签,所以没有任何东西离开屏幕导致.

设置溢出:隐藏; 在html元素上将完全停止在页面上滚动.

如何让它消失,但是当内容高于显示高度时还要滚动？

谢谢.

Answer 1

我在XHTML文档中需要100%的高度,这样我才能拥有100%的div元素.

无论如何,我找到了答案:

仅当最顶层元素具有上边距时,才会出现此问题.似乎顶部边距被添加到100%高度使其更高并导致滚动条.

因此,要么使用padding-top来填充最顶层的元素,要么使用带有顶部边距的标签和下一个元素之间没有顶部边距.