div在網頁頁面中的高度自適應的實現

網頁|頁面|自適應

有時候可能需要div適應頁面的高度，但是裡面的內容撐不滿整個螢幕，這時候我們只需要設定body的高度是100%，這樣，你設定div的高度為100%才有參照物。

body{padding: 0;margin: 0;height: 100%;}
div{width: 1004px;height: 100%;background: #000000;}

但是這裡有個問題，就是body，div不能有margin，padding，以及border，否則就會出現垂直捲軸，因為body的高度是不確定的，沒辦法計算出總的高度，所以只要加了margin，padding，以及border，就肯定會出現垂直捲軸。