div 是 HTML 中常用的一個標簽，用于定義一個塊級元素。在使用 div 標簽時，我們經常需要設置其寬度。本文將詳細介紹在 HTML 中如何使用 div 設置寬度，并給出幾個代碼案例進行說明。
在 HTML 中設置 div 的寬度有多種方式。其中一種方式是通過 CSS 的 width 屬性來定義寬度。在 CSS 中，可以使用像素（px）、百分比（%）或其他長度單位來指定寬度。以下是幾個示例代碼來說明不同的設置方式。
第一個案例是設置 div 的寬度為固定的像素值。例如，下面的代碼將 div 的寬度設置為 500 像素。

<div style="width: 500px">
這是一個 div 元素的示例。
</div>

在上述代碼中，style 屬性用于為 div 元素指定樣式。通過設置 width 屬性為 500px，div 的寬度被固定為 500 像素。
第二個案例是設置 div 的寬度為相對于其父元素的百分比值。例如，可以使用如下代碼來將 div 寬度設置為父元素寬度的一半。

<div style="width: 50%">
這是一個 div 元素的示例。
</div>

在上述代碼中，設置 width 屬性為 50%，意味著 div 元素的寬度將占父元素寬度的一半。
除了使用像素和百分比值，還可以使用其他單位來指定 div 的寬度。例如，可以使用 vw 單位指定相對于視口寬度的百分比。

<div style="width: 50vw">
這是一個 div 元素的示例。
</div>

在上述代碼中，設置 width 屬性為 50vw，表示 div 元素的寬度將占視口寬度的一半。
需要注意的是，當 div 元素的寬度設置為相對值（如百分比）時，父元素的寬度必須是已知的。否則，div 元素的寬度將無法計算。此時，可以設置父元素的寬度，或者使用其他技術（如 JavaScript）來動態計算寬度。
綜上所述，通過 CSS 的 width 屬性，可以很方便地在 HTML 中設置 div 元素的寬度。可以使用像素、百分比或其他單位來定義寬度。同時，需要注意在設置相對寬度時，父元素的寬度必須是已知的。在實際應用中，可以根據需求選擇合適的寬度設置方式，以實現所需的布局效果。