CSS是一種用于網頁設計的樣式表語言，可以通過它為HTML元素設置不同樣式。其中，設置div元素的長寬是網頁設計中非常常見的操作。

div {
width: 200px;
height: 100px;
background-color: #ccc;
}

上面的代碼中，我們使用了width和height屬性來分別設置div元素的寬和高。這兩個屬性可以設置具體的像素值、百分比值或者其他單位值。

如果需要讓div元素自適應瀏覽器窗口的大小，可以使用百分比值：

div {
width: 50%;
height: 50%;
background-color: #ccc;
}

同樣的，如果需要設置div元素的寬或高為最大值或最小值，可以使用max-width、min-width、max-height和min-height屬性：

div {
max-width: 500px;
min-width: 200px;
max-height: 500px;
min-height: 100px;
background-color: #ccc;
}

除了屬性值之外，還可以使用其他技巧來設置div元素的長寬。比如，使用相對長度單位em：

div {
width: 20em;
height: 10em;
background-color: #ccc;
}

還可以使用CSS的calc()函數來計算div元素的具體寬度和高度：

div {
width: calc(50% - 10px);
height: calc(50% - 10px);
background-color: #ccc;
}

總之，通過CSS設置div元素的長寬非常靈活，可以根據需要設置不同樣式，使網頁更加美觀。