如何讓元素支援 height:100%效果？ 有
兩種方法。
（1） 設定顯式的高度值。 這個沒什麼好說的，例如，設定 height:600px，或者可以生效
的百分比值高度。例如，我們比較常見的：
html, body {
height: 100%;
}
（2） 使用絕對定位。 例如：
div {
height: 100%;
position: absolute;
}
此時的 height:100%就會有計算值，即使祖先元素的 height 計算為 auto 也是如此。
需要注意的是，絕對定位元素的百分比計算和非絕對定位元素的百分比計算是有區別的，區別
在於絕對定位的寬高百分比計算是相對於 padding box 的，也就是說會把 padding 大小值計算
在內，但是，非絕對定位元素則是相對於 content box 計算的。