在網(wǎng)頁(yè)設(shè)計(jì)中，常常需要設(shè)置div的寬度以達(dá)到我們期望的布局效果。CSS提供了多種設(shè)置div寬度的方法。下面我們將逐一介紹。

/* 直接設(shè)置div寬度 */
div {
width: 200px;
}
/* 設(shè)置最小寬度為200px */
div {
min-width: 200px;
}
/* 設(shè)置最大寬度為200px */
div {
max-width: 200px;
}
/* 使用百分比設(shè)置寬度 */
div {
width: 50%;
}
/* 使用vw單位設(shè)置寬度 */
div {
width: 50vw;
}

直接設(shè)置div寬度是最簡(jiǎn)單直接的方法，它會(huì)將div的寬度設(shè)置為固定的值。而使用min-width和max-width則是設(shè)置div的最小寬度和最大寬度，這樣可以讓寬度自適應(yīng)，同時(shí)也不會(huì)超出我們想要的范圍。

使用百分比設(shè)置寬度時(shí)，寬度會(huì)相對(duì)于父元素的寬度進(jìn)行計(jì)算，這種方法可以很好地實(shí)現(xiàn)響應(yīng)式布局。而使用vw單位設(shè)置寬度則是相對(duì)于視口的寬度進(jìn)行計(jì)算，不同于百分比的相對(duì)父元素，vw比較符合實(shí)際的視覺(jué)效果。

總之，CSS提供了多種方法設(shè)置div寬度，我們可以根據(jù)實(shí)際情況選擇最適合的方法。