CSS是網頁開發中必不可少的樣式表語言，其中包含了許多用于定義網頁元素樣式的屬性。其中，寬度和高度是CSS中最常用的兩個屬性之一。

首先，我們來看看如何計算元素的寬度（width）：

width:100px; /* 直接設置元素寬度為100px */

以上代碼直接指定了元素的寬度值為100像素，這就是最簡單的設置元素寬度的方法。

其次，我們可以根據元素的父元素的寬度來計算寬度值。基于這種方法，我們可以使用百分比來定義元素的寬度：

width:50%; /* 將元素寬度設置為父元素寬度的50% */

這個例子中，元素的寬度被設置為其父元素寬度的50%。這樣，即使父元素的寬度發生變化，子元素的寬度也會相應地調整。

接下來，我們來看看如何計算元素的高度（height）：

height:200px; /* 直接設置元素高度為200px */

與計算元素寬度方法類似，我們也可以和父元素的高度進行計算，定義元素的高度百分比：

height:50%; /* 將元素的高度設置為父元素高度的50% */

和寬度的計算方法類似，以上例子中，元素的高度被設置為其父元素高度的一半，這也保證了元素的高度隨著父元素尺寸的變化而自動調整。

總之，CSS提供了多種方法來計算元素的寬度和高度，我們可以根據實際需求來靈活運用其中的方法。