CSS是一種用來設計網絡頁面樣式的語言，它包含眾多功能，其中一個功能是計算元素的寬和高。

在CSS中，元素的寬度和高度可以使用像素（px）或百分比（%）來表示。當使用百分比時，元素的寬度和高度將基于其包含元素的尺寸計算。

要計算元素的寬度和高度，您可以使用以下兩種方法之一：

1.直接設置寬高
div {
width: 200px;
height: 100px;
}

如上所示，您可以在CSS樣式表中直接設置元素的寬度和高度。在這個例子中，我們設置了一個DIV元素的寬度為200像素，高度為100像素。

2.使用百分比
div {
width: 50%;
height: 50%;
}

如上所示，您可以使用百分比來計算元素的寬度和高度。在這個例子中，我們設置了一個DIV元素的寬度和高度均為包含它的容器元素大小的一半。

不同的寬高計算方法在不同的場景下有不同的用途。如果您想要設置一個固定的元素大小，直接設置寬度和高度可能是更好的選擇。而如果您需要創建一個響應式網頁，使用百分比計算寬度和高度可能更好地適應各種屏幕大小。

總之，掌握CSS寬高計算方法是構建網頁的關鍵之一。通過靈活使用寬高計算方法，您可以輕松創建出各種樣式的網頁。