在編寫網頁時，經常需要設置一個div元素的高度自適應其內部內容的高度。這樣可以避免內容溢出div元素造成的頁面混亂。那么如何通過CSS來實現這一效果呢？下面我們就來介紹幾種方法。

/* 方法一：使用height為auto */
div {
height: auto;
}
/* 這種方式會使div元素的高度自適應其內部內容的高度。但是需要注意的是，如果其父元素有固定高度，則此方法也無法自適應。*/
/* 方法二：使用min-height為100% */
div {
min-height: 100%;
}
/* 這種方式會使div元素的最小高度為其父元素的高度，如果內部內容高度超出，則高度會根據內容自動調整。*/
/* 方法三：使用padding-top和padding-bottom */
div {
padding-top: 10px;
padding-bottom: 10px;
}
/* 這種方式會在上下各加入一個padding值，來保證div元素的高度能夠自適應其內部內容。*/
/* 方法四：使用display為table */
div {
display: table;
}
/* 這種方式會將div元素的display設置為table，使其表現為表格元素，從而可以實現自適應高度。*/