<div>是 HTML 中的一個常見標簽，用于定義網頁中的文檔結構。它可以被用來創建一個獨立的區塊，可以包含其他 HTML 元素，比如文本、圖像、表格等。除了用來布局網頁結構外，<div> 標簽還可以用來定義寬度和高度以實現頁面設計的需求。
那么，如何使用<div>標簽來定義寬度和高度呢？下面將通過幾個代碼案例來詳細解釋和說明。
案例一：

我們看一下<div>標簽如何定義寬度。你可以使用 CSS 中的 width 屬性為<div>元素定義寬度。例如：

<style>
.box {
width: 300px;
background-color: #f2f2f2;
}
</style>
<br>
<div class="box">
這是一個具有指定寬度的區域。
</div>

在上述代碼中，我們給一個類名為 "box" 的<div>元素指定了一個寬度為300像素的樣式。這樣，這個<div>元素將會在頁面上占據300像素的寬度。你也可以使用其他單位，如百分比。

案例二：

下面我們來看一下如何使用<div>標簽來定義高度。類似地，你可以使用 CSS 中的 height 屬性為<div>元素定義高度。例如：

<style>
.box {
width: 300px;
height: 200px;
background-color: #f2f2f2;
}
</style>
<br>
<div class="box">
這是一個具有指定寬度和高度的區域。
</div>

在上述代碼中，我們給<div>元素指定了一個寬度為300像素、高度為200像素的樣式。這樣，這個<div>元素將會在頁面上占據300像素的寬度和200像素的高度。

案例三：

除了直接指定寬度和高度的數值，你還可以使用 CSS 中的 min-width、max-width、min-height、max-height 屬性來限制<div>元素的寬度和高度的取值范圍。例如：

<style>
.box {
min-width: 200px;
max-width: 500px;
min-height: 100px;
max-height: 300px;
background-color: #f2f2f2;
}
</style>
<br>
<div class="box">
這是一個具有限制寬度和高度的區域。
</div>

在上述代碼中，我們給<div>元素指定了一個最小寬度為200像素、最大寬度為500像素、最小高度為100像素和最大高度為300像素的樣式。這樣，這個<div>元素的寬度和高度將會在指定的范圍之內變化。

通過以上幾個代碼案例，我們詳細解釋和說明了如何使用<div>標簽來定義寬度和高度。通過在 CSS 中設置相應的屬性，你可以根據需求靈活地定義<div>元素的尺寸。只需根據實際場景和設計要求，使用不同的樣式設置即可實現自己想要的頁面效果。