CSS是網頁設計中的一種基本語言，它可以讓我們的網頁內容更加具有美觀性和可讀性。在實際應用中，我們常常需要讓頁面中的元素高度自適應。比如，當我們需要將多個div元素排列在同一行時，如果不對div元素的高度進行限制，那么就會出現高度不一的情況，影響頁面的整體美觀性。那么，如何使用CSS來讓div元素的高度自適應呢？下面就來詳細介紹一下。

div {
height: auto;
}

以上代碼中，我們使用了CSS中的height屬性，并將其值設置為auto。這樣，就可以讓div元素的高度自適應。如果頁面中多個div元素需要進行排列，我們可以使用float屬性和width屬性來設置其寬度和浮動方向。例如：

div {
width: 30%;
float: left;
height: auto;
}

以上代碼中，我們將每個div元素的寬度設置為30%（假設頁面寬度為100%），并讓其浮動方向為左側。這樣，每個div元素就會排列在同一行上，并且高度會自適應，不會出現高度不一致的情況。

除了使用以上的代碼方式，我們也可以通過設置padding屬性和box-sizing屬性來實現div元素的高度自適應。具體方法如下：

div {
padding: 10px;
height: 100%;
box-sizing: border-box;
}

以上代碼中，我們設置了div元素的padding為10px，并將其高度設置為100%，然后使用box-sizing: border-box屬性，將元素的寬度和高度包括在內。這樣，padding屬性的值就不會影響元素的實際高度，從而實現了div元素的高度自適應。

在實際應用中，我們可以根據具體的需求選擇適合的方式來讓div元素的高度自適應。只要掌握了CSS的基本語法和屬性，就可以輕松實現頁面元素的自適應效果。