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

在我的CSS文件中,我使用：

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

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

此外,文档是空的,它只有html,head和body标签,所以没有什么是出来的屏幕导致的.

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

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

谢谢.

解决方法

我需要在XHTML文档中100％的高度,以便我可以拥有100％的div元素.

无论如何,我找到答案：

此问题只发生在最顶层元素具有顶部边距时.
看起来,顶部边距被添加到100％的高度,使其更高,并导致滚动条.

所以要么使用padding-top来排列最上面的元素,要么在标签和下一个顶部边距元素之间使用顶边距.

原文地址：https://www.jb51.cc/html/230388.html