CSS是前端開發必不可少的技能之一。在網頁中，我們通常會使用div元素來劃分不同的區域，而設置div的寬度就顯得非常重要。那么，CSS如何設置div寬度呢？

首先，我們來了解一下CSS設置寬度的基本語法：

selector{
width: value;
}

在這里，selector是指CSS選擇器，width是指寬度屬性，value則為要設置的值，可以是像素、百分比、em等。

那么，我們該如何設置div元素的寬度呢？下面介紹兩種方法：

方法一：通過像素設置寬度

div{
width: 200px;
}

這種方式通過直接設置像素值來確定div元素的寬度。它的優點是簡單易懂，但缺點是在不同瀏覽器和不同分辨率的屏幕上，顯示效果會有差異。

方法二：通過百分比設置寬度

div{
width: 50%;
}

這種方式則是通過設置百分比來決定div元素的寬度，相對于父級元素的寬度。這種方式的優點是能夠適應不同分辨率的屏幕，但缺點是需要注意父級元素寬度是否確定。

綜上所述，我們在設置div元素的寬度時，可以根據具體情況選擇不同的方式。實際開發中，還可以結合其他CSS屬性來達到更好的顯示效果。