div元素高度不是100％

Question

我已将body和html设置为height：100％并且我已将元素设置为Height：100％并且div仅包含在html和body中，其他地方都没有。 然而，当显示元素是浏览器窗口高度的100％而不是可滚动的站点高度时。我确信答案很简单，但我想不出它之所以如此：/

Answer 1

您将身高设置为屏幕高度的100％，这就是它不会滚动的原因。

100％的内部元素将继承100％的屏幕尺寸。

尝试删除正文的高度并使用px作为元素，直到您在网站上开发更多内容。

Answer 2

如果你还在寻找（或者更有可能，有人通过谷歌找到了这个），我在这里实现了我的想法：

http://www.facebookanswers.co.uk/code/fullheight/demo2.htm

它是一个自包含文件，IE所有的CSS都带有标记，所以你应该能够看到发生了什么。

完整的文章在这里：

http://facebookanswers.co.uk/?p=312

基本上，它是一个页脚停留在窗口底部的布局（由于100％div），直到内容超过窗口，在这种情况下，它会滚动内容。