CSS中，div元素是最常用的容器元素之一，它能夠?qū)㈨撁鎰澐譃椴煌膮^(qū)域，使得頁面結(jié)構(gòu)更加清晰。而div元素的寬度可以通過CSS樣式來控制。

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

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

div {
width: 200px;
}

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

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

div {
width: auto;
}

或者：

div {
/* 不設(shè)置width屬性 */
}

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

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

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

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

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

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

總之，在CSS中控制div元素的寬度是非常重要的，對于網(wǎng)頁的布局和設(shè)計都有著至關(guān)重要的影響。