CSS是一種用于網頁樣式布局的語言，設置寬高是其最基本的功能之一。下面我們來了解一下如何使用CSS設置元素的寬高。

1. 使用width和height屬性

.box{
width: 200px;
height: 100px;
}

這里我們定義了一個類名為box的元素，設置其寬為200像素，高為100像素。需要注意的是，這里設置的寬高不包括元素的padding、border和margin。

2. 使用max-width和max-height屬性

.img-box{
max-width: 100%;
max-height: 100%;
}

這里我們定義了一個類名為img-box的元素，設置其寬度和高度最大值為100%。這樣可以使元素在不超過其容器大小的情況下盡可能地擴展，但其實際寬高仍然由內容決定。

3. 使用min-width和min-height屬性

.text{
min-width: 50%;
min-height: 50%;
}

這里我們定義了一個類名為text的元素，設置其最小寬度和最小高度均為容器寬高的50%。這樣可以保證元素至少占據一定的空間，但如果內容超過了這個空間，它們將會溢出。

4. 使用vw和vh單位

.header{
height: 10vh;
}

這里我們定義了一個類名為header的元素，設置其高度為視口高度的10%。這種方法可以根據瀏覽器窗口大小自適應地調整元素的寬高，適用于響應式布局。

總結：以上是關于CSS設置寬高的一些基本方法，應根據實際需求選擇最合適的方法來布局頁面。