CSS中，人們需要對一些元素的尺寸進行計算，比如寬度、高度、邊距等等。這篇文章將會介紹一些關于CSS計算的基本知識。

在CSS中，常用的長度單位有像素（px）、百分比（%）、em等。像素是一個固定的長度單位，它不會隨著頁面的放大縮小而改變。而百分比和em則會根據父元素的尺寸進行改變。

/* 父元素為100px */
.parent {
width: 100px;
}
/* 子元素寬度為50% */
.child {
width: 50%;
/* 實際寬度為50px */
}
/* 子元素寬度為2em */
.child {
width: 2em;
/* 實際寬度為200px */
}

在CSS中，還可以使用一些計算函數來進行復雜的計算。比如calc()函數可以讓我們進行加減乘除的計算。

/* 父元素為100px */
.parent {
width: 100px;
}
/* 子元素寬度為父元素寬度減去20px */
.child {
width: calc(100% - 20px);
/* 實際寬度為80px */
}

最后，還需要注意的是CSS的一個重要概念——盒模型。每個元素都可以看作是一個盒子，包括內容區域、內邊距、邊框、外邊距等。在計算元素的寬度和高度時，需要考慮到這些部分的尺寸。

綜上所述，在CSS中，我們需要掌握好長度單位、計算函數以及盒模型等基本概念，以便于我們準確地計算元素的尺寸。