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

概述在我的CSS文件中,我使用： html,body{height:100%;padding:0;margin:0;border:0;} 这导致在IE8,Chrome 5和Mozilla 3.6上显示垂直滚动条,所有最新版本. 此外,文档是空的,它只有html,head和body标签,所以没有什么是出来的屏幕导致的. 设置溢出：隐藏;在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来排列最上面的元素,要么在标签和下一个顶部边距元素之间使用顶边距.

总结

以上是内存溢出为你收集整理的具有100％高度的XHTML HTML元素导致滚动条全部内容，希望文章能够帮你解决具有100％高度的XHTML HTML元素导致滚动条所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。