CSS（層疊樣式表）是用于網頁設計的樣式語言，它可以控制網頁的布局和外觀。在CSS中，div元素是一種常用的容器元素，可以用來組織和布局網頁的內容。在本文中，我們將詳細介紹如何使用CSS來控制div元素的高度。
<div>是HTML中的一個塊級容器元素，可以用來將網頁分成若干個獨立的部分。在CSS中，我們可以使用height屬性來設置div元素的高度。height屬性可以接受具體的數值（如像素值），也可以接受相對的單位（如百分比）。下面是一個示例，展示如何使用CSS來設置div元素的高度為200像素：

<code>
<div style="height: 200px;">這是一個高度為200像素的div元素</div>
</code>

這個例子中，我們將height屬性設置為200px，表示div元素的高度為200像素。你可以根據需要調整高度值，以適應你的設計布局。
此外，你還可以使用height屬性的百分比值來設置div元素的高度。這種方法可以根據父元素的高度進行調整。下面是一個示例，展示如何使用CSS來設置div元素的高度為父元素高度的50%：

<code>
<div style="height: 50%;">這是一個高度為父元素高度50%的div元素</div>
</code>

在這個例子中，我們將height屬性設置為50%，表示div元素的高度將占據父元素高度的50%。這種方式可以使得div元素的高度與父元素的高度自動適應。
另外，我們還可以使用CSS的calc()函數來進行復雜的高度計算。calc()函數允許你在設置div元素的高度時進行各種數值計算。下面是一個示例，展示如何使用CSS的calc()函數來設置div元素的高度為父元素高度減去50像素：

<code>
<div style="height: calc(100% - 50px);">這是一個高度為父元素高度減去50像素的div元素</div>
</code>

在這個例子中，我們使用calc()函數將div元素的高度設置為父元素高度減去50像素。這樣，無論父元素的高度如何改變，div元素的高度都會隨之自動調整。
通過這些例子，我們可以看到CSS提供了多種方法來控制div元素的高度。你可以根據需要選擇合適的方法，并通過調整高度值和計算方式來實現所需的設計效果。請記住，在CSS中，div元素的高度設置需要與其他樣式屬性配合使用，以獲得最佳的網頁布局效果。