CSS中，div元素是最常用的容器元素之一，它能夠將頁面劃分為不同的區域，使得頁面結構更加清晰。而div元素的寬度可以通過CSS樣式來控制。

在CSS中，有兩種方式可以設置div元素的寬度，分別是固定寬度和自適應寬度。

如果要設置div元素的固定寬度，可以使用width屬性，并指定一個具體的像素值或百分比值。例如：

div {
width: 200px;
}

這樣就會將div元素的寬度設置為200像素。

如果要設置div元素的自適應寬度，可以使用width屬性，并指定auto值，或不設置width屬性。例如：

div {
width: auto;
}

或者：

div {
/* 不設置width屬性 */
}

這樣就會讓div元素的寬度自適應父元素（或內容）的寬度，如果div元素有多個并排顯示，它們的寬度則會根據父元素的寬度進行平均分配。

不過，有時候在一個div元素中存在其他元素，而我們又想控制這些子元素的寬度，這時候可以使用display: inline-block;以及box-sizing: border-box;兩個CSS屬性。

display: inline-block;用于使相鄰的元素水平排列，而box-sizing: border-box;用于使元素的內邊距（padding）和邊框（border）不占用寬度，而是計算在寬度內部。例如：

div {
width: 500px;
}
div >p {
display: inline-block;
box-sizing: border-box;
width: 50%;
padding: 10px;
border: 1px solid #ccc;
}

這樣就會讓div元素的寬度為500像素，它中間有兩個子

元素，它們的寬度為父元素寬度的50%，并且有10像素的內邊距和1像素的邊框。

總之，在CSS中控制div元素的寬度是非常重要的，對于網頁的布局和設計都有著至關重要的影響。