在CSS中，我們通常使用百分比（%）和像素（px）設置元素的寬、高和間距等屬性，但在某些情況下，這些單位并不能完全滿足我們的需求，比如當我們需要設置元素的寬度為屏幕寬度的一半，或者計算兩個元素的寬度之和再減去一定值時。

在這種情況下，CSS中的calc()函數就可以派上用場了。它允許我們在CSS中使用簡單的數學計算，從而更加靈活地定義元素的大小和間距。

calc()函數的語法非常簡單，可以使用加減乘除四則運算，格式如下：

width: calc(50% - 20px);
height: calc(100vh - 50px);
padding: calc(10px + 2em);

上述代碼中，calc()函數可以使用各種單位（包括像素、百分比、視口單位、EM單位等）和數值，從而進行各種復雜的計算，以滿足我們的需求。

需要注意的是，calc()函數在寫法上有一點小技巧，即在運算符（+、-、*、/）前后需要留有空格，否則將會出現語法錯誤。

總之，CSS中的calc()函數可以很好地解決各種布局問題，讓網頁的設計變得更加靈活和自由。