在網頁設計中，調整元素的高度和寬度是非常常見的需求。CSS提供了多種方法來實現這一目的。

首先，可以使用width和height屬性來設置元素的寬度和高度。例如：

div {
width: 200px;
height: 100px;
}

以上代碼將設置div元素的寬度為200像素，高度為100像素。

另外，還可以使用max-width和max-height屬性來設置元素的最大寬度和最大高度。這樣，元素的寬度和高度將在設定的最大值內自動調整。例如：

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

以上代碼將設置img元素的最大寬度和最大高度為其容器元素的100%。這樣，不論容器元素的寬高如何變化，圖片都會按比例縮放，以適應容器的大小。

此外，還可以使用min-width和min-height屬性來設置元素的最小寬度和最小高度。這樣，即使元素中沒有內容或內容很少，它們也不會縮小到非常小的尺寸。例如：

div {
min-width: 100px;
min-height: 50px;
}

以上代碼將確保div元素的寬度不會小于100像素，高度不會小于50像素。

最后，還可以使用padding、border和margin屬性來調整元素的寬度和高度。這些屬性會影響元素的總寬度和總高度，包括元素的內容、邊框和空白區域。例如：

div {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid black;
margin: 20px;
}

以上代碼將設置div元素的寬度為200像素，高度為100像素，加上10像素的內邊距、1像素的實線黑色邊框和20像素的外邊距。這些值將被計算在元素的總寬度和總高度中。

綜上所述，CSS提供了多種方法來調整元素的高度和寬度。開發者可以根據實際需求選擇合適的屬性和值進行設置。