為了讓網頁內容更好的適應各類屏幕尺寸，一般都需要用到height:100%。但是會發現，height百分比失效並沒有生效，這是什么原因造成的呢，以及我們需要如何解決呢？
height百分比失效的原因
你讓div的height="100%"，執行網頁時，css先執行到，而整個網頁中的內容還沒有完全載入，是獲取不到div外面的<body>等的高度的，所以height="100%"也就不能如願顯示了。
解決解決css中height:100%失效的辦法
方法一：
html, body {
height: 100%;
}
方法二：
div {
height: 100%;
position: absolute;
}
虎課網https://www.wode007.com/sites/73267.html 設計塢https://www.wode007.com/sites/73738.html
非定位元素的寬高百分比計算不會將 padding 計算在內，而定位元素會計算在內 。