<div>是HTML中常用的一個標簽，用于創建一個獨立的塊級元素。在使用<div>標簽時，經常會涉及到設置其高度和寬度的問題。本文將詳細解釋如何設置<div>元素的高度和寬度，并通過幾個代碼案例來展示具體的實現方法。
設置<div>元素的高度可以使用CSS的height屬性來實現。height屬性可以接受不同的值，包括固定像素值、百分比值和相對值等等。以下是幾個案例來說明如何使用height屬性設置<div>元素的高度。

案例一：

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

在上面的案例中，通過將height屬性設置為200px，將<div>元素的高度設置為200像素。可以根據實際需要設置不同的像素值。

案例二：

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

在上面的案例中，通過將height屬性設置為50%來實現<div>元素的高度為父元素高度的一半。通過使用百分比值，可以實現相對于父元素的高度設置。
設置<div>元素的寬度可以使用CSS的width屬性來實現。width屬性與height屬性類似，可以接受不同的值來定義寬度。以下是幾個案例來說明如何使用width屬性設置<div>元素的寬度。

案例一：

<div style="width: 300px;">
這是一個寬度為300像素的<div>元素。
</div>

在這個案例中，通過將width屬性設置為300px，將<div>元素的寬度設置為300像素。可以根據實際需要設置不同的像素值。

案例二：

<div style="width: 30%;">
這是一個寬度為父元素寬度的30%的<div>元素。
</div>

在這個案例中，通過將width屬性設置為30%來實現<div>元素的寬度為父元素寬度的30%。通過使用百分比值，可以實現相對于父元素的寬度設置。
綜上所述，通過CSS的height和width屬性，可以靈活地設置<div>元素的高度和寬度。通過設置像素值、百分比值等不同的單位，可以根據實際需要進行調整。在實際應用中，可以根據具體的布局需求進行相應的設置。
參考文獻： - "HTML div Tag" - w3schools.com. - "CSS Height and Width Property" - w3schools.com.