CSS尺寸是頁面布局中十分重要的一部分。正確地計算各個元素的尺寸可以使頁面看起來更加美觀、舒適。下面就來介紹一下如何計算 CSS 尺寸。

首先，需要確定尺寸的單位。CSS 中常用的單位有像素(px)、百分比(%)、em等。像素是最常用的單位，因為它可以確切地指定元素的大小。而百分比是相對于父元素的大小，換句話說，它可以根據(jù)父元素的尺寸來適應不同的屏幕分辨率。

在進行計算時，可以使用以下幾種方法。

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

上面的代碼中，我定義了一個類名為“box”的元素，它的寬度是 200px，高度是 100px。這里采用了最常用的單位像素。

如果要將寬度設置為百分比，可以使用以下代碼。

.box {
width: 50%;
height: 100px;
}

上面的代碼中，我將元素的寬度設置為了 50%，這意味著它將占據(jù)父元素的一半寬度。如果父元素的寬度改變了，這個元素的寬度也會相應改變。

最后，如果要使用 em 單位來計算尺寸，可以使用以下代碼。

.box {
width: 30em;
height: 5em;
}

上面的代碼中，我將元素的寬度設置為了 30 em，高度為 5 em。1 em 等于一個字母“m”的寬度，因此這種方法可以自適應地適應不同的字體大小。

總之，正確地計算 CSS 尺寸能夠使頁面看起來更加美觀、舒適。在選擇尺寸單位時需根據(jù)具體情況來選擇，比較常用的是像素、百分比、em 等。這些方法都有各自的優(yōu)劣，需要針對具體情況來選擇使用。