度100％的高度

Question

要儘量說明問題，我創建了下面的代碼：

http://jsfiddle.net/Ridermansb/SUcmH/4/embedded/result/

• 黃：這是菜單，是正確的！
• 綠色：這是頁腳，是正確的！必須始終底部：0（或當該網站是更大的，必須推下來！）
• 藍：是網站的背景！部分正確！它應該只採取網站的一面。
• 紅色：這是網站的內容。它應該去到網站的末尾（沒有內容）

  有點像身高：100％但低於頁腳！

基本上一樣，紅色佔據整個屏幕的中心！

Answer 1

如果我正確理解你的問題，你需要.clearfooter的高度和其母公司（在這種情況下#wrap）設置爲100％

JSFiddle高度

#wrap { 
    height: 100%; 
} 

.clearfooter { 
    height: 100%; 
    clear: both; 
}