内容div没有填充页面，页脚没有对齐

Question

我有一个固定页眉高度的页眉，内容（中间部分），应该填充大部分的屏幕，直到页脚，以及一个固定高度页脚，应该坚持到底部页：

http://jsfiddle.net/PyQed/

我有这里的问题是：

1. 内容DIV（#content-wrapper）不填充网页，即使我设置min-height: 100%;和height: 100%;，FO r html和body标签。

2. 页脚在底部有间隙而不是粘在页面的最底部。显然body元素没有扩展到页面的整个高度，尽管html的确如此。

我跟着从this page关于如何让页脚粘到页面底部的建议，它似乎并没有与我的具体设置工作。

Answer 1

像这样的事情会做DEMO http://jsfiddle.net/KFur6/517/

html, body { 
    height: 100%; 
} 
#divHeader { 
    width: 100%; 
    height: 150px; 
    background:blue; 
} 
#divContent { 
    min-height: 100%; 
    height: auto !important; 
    /*Cause footer to stick to bottom in IE 6*/ 
    height: 100%; 
    margin: 0 auto -30px; 
    /*Allow for footer height*/ 
    vertical-align:bottom; 
    background:yellow; 
} 

#divPush { 
    height: 30px; 
} 
#divFooter { 
    width: 100%; 
    height: 30px; 
    /*Push must be same height as Footer */ 
    bottom:0; 
    background:blue; 
}