<div>元素是HTML中最常用的標簽之一，可以用于定義文檔中的區塊或容器。在CSS中，我們可以使用“width”屬性來指定一個<div>元素的寬度。本文將詳細解釋如何在CSS中使用“width”屬性來控制<div>元素的寬度，并提供幾個代碼案例來說明其用法。

第一個代碼案例是一個簡單的示例，我們將為一個<div>元素設置一個固定的寬度。例如，如果我們想要一個寬度為300像素的<div>元素，可以使用以下代碼：

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

在上述代碼中，我們使用了內聯樣式來設置<div>元素的寬度。通過將“width”屬性設置為“300px”，我們定義了<div>元素的寬度為300像素。因此，在瀏覽器中顯示時，該<div>元素的寬度將保持不變，無論其內容的數量或長度如何。

第二個案例是一個使用百分比寬度的示例。假設我們有一個父元素，我們想要其中一個<div>元素占父元素寬度的50%。我們可以使用以下代碼來實現：

<div id="parent" style="width: 500px;">
<div id="child" style="width: 50%;">
這是一個占父元素寬度50%的div元素。
</div>
</div>

在上述代碼中，我們為父元素設置了一個固定的寬度（500像素），然后在子元素中使用百分比寬度（50%）。這樣，子元素的寬度將始終是父元素寬度的一半，無論父元素的寬度發生變化。這在響應式設計中非常有用，因為它使得布局可以根據設備的屏幕大小動態調整。

最后一個案例涉及到使用“max-width”屬性來限制<div>元素的最大寬度。這在響應式設計中非常有用，因為它可以防止<div>元素在大屏幕上變得過寬。以下是一個示例代碼：

<div style="max-width: 800px;">
這是一個最大寬度為800像素的div元素。
</div>

在上述代碼中，我們使用“max-width”屬性將<div>元素的最大寬度限制為800像素。這意味著無論瀏覽器的寬度如何，在大屏幕上<div>元素的寬度都不會超過800像素。這有助于確保內容保持易于閱讀和瀏覽的大小，而不會出現水平滾動條。

起來，這篇文章介紹了如何使用CSS中的“width”屬性來控制<div>元素的寬度。我們通過幾個代碼案例來說明了固定寬度、百分比寬度和最大寬度的用法。希望本文對于理解和應用<div>元素的寬度屬性有所幫助。