在屏幕中央划分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;
}