在前端設計中常常會遇到這樣的問題：如何讓容器高度100%填充整個body。大家都知道簡單的給div定義一個height：100%是沒有效果的，其實不然。下面我們來分析一下原因：CSS屬性是有繼承性的，而百分比都又是相對的，那麼height：100%就是相當於容器父級而言的。所以並不是這個高度100%沒有效果，只是沒有達到我們預期的效果，我們理解上的錯誤。

理解了高度100%的意義，剩下的就簡單了，給body一個100%高度即可。

html, body {height: 100%;}
#container {height: 100%;}

html, body {height: 100%;}
#container {min-height: 100%;}
* html #container {height: 100%;}