<div>標簽是HTML中的一個重要元素，用于創建一個容器來組織和布局其他HTML元素。<div>標簽本身并沒有指定具體的尺寸，它的大小默認是自適應其內容的大小。然而，通過使用CSS樣式來設置<div>的寬度和高度，我們可以控制它的大小和位置，從而實現更精確的布局。
在CSS中，我們可以使用width屬性來設置<div>的寬度。可以設置為固定值，如像素(px)或百分比(%)，也可以設置為自動(auto)以自適應其父元素的大小。以下是幾個代碼案例，幫助我們更好地理解<div>標簽的寬度設置。
第一個案例中，我們將<div>的寬度設置為200像素(px)。

<p>案例1：</p>
<pre>
<style>
.container {
width: 200px;
}
</style>
<br>
<div class="container">
這是一個200像素寬的div。
</div>

在這個案例中，我們創建了一個名為.container的CSS類。通過給這個類添加width屬性，并將其值設置為200px，我們定義了這個<div>的寬度。在HTML中，我們通過將這個CSS類應用到<div>元素的class屬性來實現樣式的應用。通過這個設置，我們可以看到這個<div>的寬度被限制在了200像素(px)。

第二個案例中，我們將<div>的寬度設置為50%。這意味著這個<div>將占據其父元素寬度的50%。

<p>案例2：</p>
<pre>
<style>
.container {
width: 50%;
}
</style>
<br>
<div class="container">
這個div將占據父元素寬度的50%。
</div>

在這個案例中，我們通過將width屬性的值設置為50%，來實現這個<div>占據父元素寬度的一半的效果。無論父元素的寬度是多少，這個<div>的寬度將自動調整為父元素寬度的一半。
第三個案例中，我們將<div>的寬度設置為自動。這意味著這個<div>將自適應其內容的寬度。

<p>案例3：</p>
<pre>
<style>
.container {
width: auto;
}
</style>
<br>
<div class="container">
這個div將自適應內容寬度。
</div>

在這個案例中，我們將width屬性的值設置為auto，這樣這個<div>的寬度將根據其內容的寬度來自適應。無論內容是多長，這個<div>都會自動調整為合適的寬度。

通過以上的案例，我們可以看到如何使用width屬性來設置<div>標簽的寬度。通過設置固定值、百分比或自動寬度，我們可以實現對<div>元素寬度的精確控制，從而實現更靈活的布局。