100％高度的問題，即建立可以在垂直方向上充滿瀏覽器視窗的頁面

百分之百的高度

將一個div填滿整個視窗，並不是簡單地設定div的高度為100％這樣簡單。
這樣做沒有用的原因是：百分數被用在height和width上的時候，是相對於其父元素的。如果你沒有設定其父元素的height，那麼div的100％就沒有可以參照，以計算的值。
另一個問題是，你實際想要的可能不是100％的高度，你可能想要的是最小高度是100％。就是說，如果你的頁面比瀏覽視窗viewport（browser window）長，那麼div的背景還是會與div的內容相配合。body元素等同於瀏覽視窗，因此如果你將某個元素設定為瀏覽視窗的100％，那麼該元素就會跟瀏覽視窗相配合，會與瀏覽視窗一樣高。
min-height才是你相要的。

基本的css
html, body {
height: 100%;
}
#container { /* this is the div you want to fill the window */
min-height: 100%;
}

IE的hack：
IE6及以下不支援min-height，
* html #container {
height:100%
}
注意：星號的hack在IE中沒有用了。

另一個對所有瀏覽器通用的方案：
如果你不在意捲軸的產生，可以為div設定個大於瀏覽器視窗的固定值。
#container { /* this is the div you want to fill the window */

h
eight: 2000px;
}

更多資訊：
http://www.communitymx.com/content/article.cfm?cid=BAD95
另外，javascript的解決方案：
http://www.ampsoft.net/webdesign-l/making-web-pages-extend-to-bottom.html