css - HTML 和 Body 没有占用整个浏览器 - HTML5 问题？

Question

我不知道我做错了什么，但出于某种原因，我的标记遇到了一个错误，导致我的 body 元素和 html 元素没有占据浏览器中的整个视口(viewport)。

我无法追根究底。当我试图在 body 的顶部和底部添加 10px 的紫色边框时，它首先抬起了头。

如果您在 Firebug 中检查页面，您会发现当您将鼠标悬停在 html 元素或 body 元素上时，页面中有很大一部分未突出显示。我在底部应用的边框在页面上悬得很远。

有人知道这是为什么吗？会不会跟我使用 HTML5 有关？

这是有问题的页面: http://electricorangecreative.com/test/index.html

这是我的样式表: http://electricorangecreative.com/test/reset.css http://electricorangecreative.com/test/style.css

Answer 1

使用 sticky footer technique .