1. height: 100%
眾所周知，父元素沒設定具體高度時，子元素 height:100% 無效。
原因：規范里說明了，如果包含塊的高度沒有顯示指定（即高度由內容決定），且該元素不是絕對定位，則計算值為 auto。
auto * 100% = NaN.
但是寬度的解釋是：如果包含塊的寬度取決于該元素的寬度，那么產生的布局在 css2.1 中是未定義的。
高度明確了是 auto，百分比計算自然無果，width 卻沒有這樣的說法，因此，就按照包含塊真實的計算值作為百分比計算的基數。
如何讓元素支持 height:100%？
- 設定顯式的高度值，如：
height: 100px，或設置可以生效的百分比值高度，如：
html, body {
height: 100%;
}
case
- 使用絕對定位
div {
height: 100%;
position: absolute;
}
絕對定位的寬高百分比計算是相對于 padding box，也就是說會把 padding 大小值計算在內。非絕對定位是相對于 content box.
case
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
