css - div 100% 高度在屏幕中央

Question

为了说明，我创建了以下代码:

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

• 黄色:这是菜单，正确!
• 绿色:这是页脚，正确!必须始终在底部:0(或当站点更大时，必须向下推!)
• 蓝色:是网站的背景!部分正确!它应该只占据网站的一侧。
• 红色:这是网站内容所在的位置。它应该到网站的末尾(没有内容)

  Something like height: 100% but below the footer!

基本上就像那个红色占据了整个屏幕的中心!

Answer 1

如果我没有正确理解你的问题，你需要将 .clearfooter 及其父项(在本例中为#wrap)的高度设置为 100%

JSFiddle

#wrap {
    height: 100%;
}

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