css - Div 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;
}