<div>標簽是 HTML 中的一個重要元素，用于定義文檔中的一個區域或容器。在網頁設計中，我們經常會用到<div>標簽來創建網頁布局和各種容器。在這篇文章中，我們將專注于<div>標簽的一個屬性——窗體高度（height）。

在 CSS 中，可以使用<div>標簽的height屬性來控制其高度。通過設置height屬性的值，我們可以指定<div>標簽在頁面中顯示的高度。設置窗口高度的方法有很多，接下來我們將用幾個代碼案例來詳細解釋說明。

案例一：固定高度的<div>窗體

，我們看一個簡單的案例，通過設置<div>標簽的固定高度來控制其在頁面中顯示的高度。

<div style="height: 200px; border: 1px solid black;">
這是一個固定高度為200像素的<div>窗體。
</div>

在這個案例中，我們通過設置<div>標簽的height屬性為200px來指定其顯示的高度為200像素。此時，無論<div>標簽中的內容有多少，其高度始終保持不變。

案例二：使用百分比設置<div>窗體的高度

在實際網頁設計中，我們通常會使用百分比來設置<div>窗體的高度，以適應不同屏幕分辨率和設備。下面是一個使用百分比設置<div>窗體高度的案例。

<style>
.container {
height: 50%;
border: 1px solid black;
}
</style>
<br>
<div class="container">
這是一個高度為頁面高度的50%的<div>窗體。
</div>

在這個案例中，我們通過設置.container類的height屬性為50%來指定<div>窗體的高度等于頁面高度的50%。這樣，在不同的屏幕分辨率和設備上，<div>標簽的高度都會按照相應的比例進行調整。

案例三：根據內容自適應的<div>窗體

有時候，我們希望<div>窗體的高度能夠根據其內容自適應，以適應內容的高度變化。下面是一個使用auto屬性設置<div>窗體高度的案例。

<style>
.container {
height: auto;
border: 1px solid black;
}
</style>
<br>
<div class="container">
這是一個根據內容自適應高度的<div>窗體。
</div>

在這個案例中，我們通過設置.container類的height屬性為auto來實現<div>窗體的高度自適應。當<div>標簽中的內容發生變化時，它的高度會根據內容的實際高度而自動調整。

通過上面這幾個案例，我們可以看到，通過調整<div>標簽的height屬性，我們可以實現不同樣式的窗體高度。根據實際需求，我們可以選擇固定高度、百分比高度或者自適應高度來控制<div>窗體的顯示效果。這些方法可以幫助我們更好地設計和布局網頁，使其能夠適應不同的屏幕分辨率和設備。