CSS中的div元素是頁面布局中經常使用的元素之一，通過設置div元素的寬度，可以控制網頁元素的排列和展示效果。

div {
width: 500px;   //設置寬度為500像素
}

對于div元素的寬度，可以使用像素、百分比、em等單位進行設置。其中，像素是最常用的單位，它可以直接設置具體的數值，如上方代碼示例。

div {
width: 50%;   //設置寬度為父元素寬度的50%
}

除了像素，百分比也是經常使用的單位。通過設置百分比的寬度，可以實現自適應寬度的效果。例如，上方代碼中的寬度被設置為父元素寬度的50%，這意味著無論父元素寬度是多少，div元素的寬度始終是父元素寬度的50%。

div {
width: 10em;   //設置寬度為10個字體大小的圖形字符
}

除了像素和百分比，em也是被廣泛應用的單位。它的寬度會根據字體大小而變化，因此可以實現非常靈活的自適應效果。例如，上方代碼中的寬度被設置為10個字體大小的圖形字符，這意味著在不同字體大小的情況下，div元素的寬度的顯示效果始終相當。

總之，在CSS中，設置div元素的寬度是一個非常重要的技能。根據具體的情況和需要，可以選擇不同的單位進行設置，以達到最佳的頁面設計效果。