設置一個DIV至100％的高度

我設置一個DIV至100％的高度，如圖所示：http://www.dave-woods.co.uk/wp-content/uploads/2008/01/full-height-updated.html，但問題是，如果頁面滾動<body>標籤背景顏色不起作用。設置一個DIV至100％的高度

是否有人成功實現了100％高度的div標籤，或者你能告訴我本教程缺失的是什麼？

html, 
body { 
    height: 100%; 
} 
* html #content { 
    height: 100%; 
} 
body { 
    background: none repeat scroll 0 0 #2F404A; 
    color: #505050; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    min-height: 100%; 
}

黑區是標籤，而你可以看到內容超出身體標記。

截圖：http://img833.imageshack.us/i/screenshotxh.png/

來源

2010-11-03 Webnet

你能告訴你的代碼來解釋你的意思到底是什麼？顯然（如頁面所示）100％的高度是可能的。 – poke 2010-11-03 23:21:50

我能夠修改您提供的網站（使用Chrome的檢測工具），並確保進行了滾動，更改了背景顏色，並且這一切都按預期工作。您不得正確模擬網站。 – Jeremy 2010-11-04 00:13:10

您是否明白，將Div高度設置爲100％時，您要求Div計算此相對於其包含塊的高度......並且不一定是從視口的高度？ – 2010-11-04 06:16:28

嘗試這樣

html, 
body { 
    height: 100%; 
} 
body { 
    background: none repeat scroll 0 0 #2F404A; 
    color: #505050; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    min-height: 100%; 
} 
* html #content { 
    height: 100%; 
}

來源

2010-11-04 13:46:31

設置一個DIV至100％的高度

回答

相關問題