CSS加減函數是一種相對新的特性，它允許我們在CSS中使用數學運算符來計算值，非常方便。

.box {
width: calc(100% - 20px);
/* 計算后的寬度為父元素寬度減20px */
padding: 10px;
/* 上下左右padding都為10px */
height: calc(100vh - 50px);
/* 計算后的高度為視窗高度減50px */
}

在上面的代碼中，我們使用了calc()函數來進行加減運算，其中100%代表父元素的寬度，vh代表視窗高度。我們也可以使用加號和減號來進行運算。

.box {
width: 100px + 20px;
/* 計算后的寬度為100像素加20像素 */
height: 100px - 50px;
/* 計算后的高度為100像素減50像素 */
}

需要注意的是，只有在值需要進行運算時，才能使用這些數學運算符。如果沒有計算，就不需要使用這些運算符。

.box {
color: red;
/* 不需要進行計算，不能使用數學運算符 */
width: calc(100%);
/* 需要進行計算，可以使用數學運算符 */
}

CSS加減函數的出現，大大簡化了我們的CSS代碼，讓計算更加方便快捷。