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