XHTML HTML元素具有100％高度引起卷轴

Question

在我的CSS文件中，我使用此信息：

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

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

另外，该文档是空的，它只有HTML，头部和身体标签，因此没有任何内容可以引起屏幕。

设置溢出：隐藏；在HTML元素上，将完全停止在页面上滚动。

我该如何使它消失，但当内容高于显示高度时，请继续滚动？

谢谢你。

Answer 1

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

无论如何，我找到了答案：

仅当最高元素具有最高边距时，就会发生此问题。似乎最高边距被添加到100％的高度中，从而使其更高并导致滚动条。

因此，要么使用填充顶来宽度最高元素，要么使用标签和下一个元素之间没有顶部边距的最高边距的a。

Answer 2

溢出：隐藏应有助于并防止显示滚动条（由于四舍五入，您可能会损失约1px的内容

Answer 3

可能有更好的方法，但我只是默认为98％，这似乎可以消除所有浏览器中的滚动条。

您也可以使用JavaScript设置高度，但感觉有些骇人听闻

Answer 4

我今天遇到了这个问题，发现滚动条不是由第一个元素上的最高边距引起的，而是让HTML和身体元素的高度为100％。

因此，使用此CSS规则：

html,body { height: 100%; }

我得到滚动条。如果我将其更改为CSS规则：

html { height: 100%; }

我没有滚动条。

和平...

Answer 5

垂直滚动栏即将到来 height:100%. 。除非您有理由使用它，否则您不需要。

Answer 6

您为什么要设置100％的身体高度？

默认情况下将获得此高度。

仅当您想在PX中设置数字高度，例如600px