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），直到內容比窗口更下方在這種情況下，它會滾動顯示內容。