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

前端之家收集整理的这篇文章主要介绍了具有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.f2er.com/html/230388.html

猜你在找的HTML相关文章