所謂CSS中計算屬性，即是根據指定的表達式來計算屬性值，以達到更精細的控制界面UI的目的。

例如我們要在一個div中設置高度為寬度的一半，而未知這個div的寬度，這時我們可以使用calc()函數來計算高度值。

這是一個高度等于寬度一半的div

除了支持基本的加減乘除方式外，calc()函數還可以和單位進行計算，如下面這個例子中設置了一個寬度為當前viewport寬度的70%：

這是一個寬度為70vw減去20px的div

除此之外，CSS中還支持min()和max()函數，可以設置屬性值的最小值和最大值并進行計算。例如：

這是一個寬度最大不超過200px，最大為父元素寬度的80%的div

需要注意的是，calc()、min()和max()函數雖然強大，但也要注意它們的兼容性。一些老舊的瀏覽器可能不支持這些屬性，所以在使用這些屬性時還需謹慎。