html - body不能拉伸到全高度頁面

我想在頁面底部放置一個元素。我知道的是，這可以通過設置HTML，身體{height：100％}，然後定位div絕對和底部：0px; f.e：html - body不能拉伸到全高度頁面

<html> 
    <body> 
    . 
    . 
    . 
    <div id="footer"> 
    </div> 
    </body> 
    </html>

和CSS：

html, body{ 
height:100%; 
} 
#footer{ 
position:absolute; 
bottom:0 
}

上面的代碼不具有預期的結果作爲HTML，體元件具有的高度一樣多的含元素。你能告訴我爲什麼嗎？鏈接網站：http://www.lesemouvantes.com/dev/

部分地解決使用jQuery的問題，我的onload文件的高度存儲到一個變種，然後將此值作爲主體元素的高度。

2012-05-06 user985409

絕對位置元素相對於具有非靜態位置的第一個父元素進行定位。如果找不到這樣的元素，則包含塊是html。

所以在你的情況下，頁腳被放置在HTML的底部而不是你應該設置的位置：relative;爲了你的身體，因爲只有這樣它纔會被放置在身體的底部。

2012-05-06 13:51:13

是的你是對的，但這並沒有解決問題，仍然身體元素的高度只是包含的元素，並沒有拉伸100％的頁面。 – user985409

回答