內容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; 
}