CSS3中的calc()函數(shù)可以在CSS樣式表中進(jìn)行簡(jiǎn)單的四則運(yùn)算，計(jì)算元素的寬度、高度和邊距等。此外，calc()還支持百分比、rem、em等單位。

/* 簡(jiǎn)單的加減乘除運(yùn)算 */
div {
width: calc(100% - 50px);      /* div寬度為占據(jù)父元素寬度的100%減去50像素 */
height: calc(50px + 20%);      /* div高度為50像素加上父元素寬度的20% */
margin: calc(2em * 3) auto;    /* div上下邊距為字體大小的2倍乘以3，左右居中 */
}
/* 支持嵌套運(yùn)算 */
img {
width: calc(50% - (30em / 2)); /* 圖片寬度為占據(jù)父元素寬度的50%減去30em的一半 */
}
/* calc()可以用于background-size屬性 */
div {
background-size: calc(100% - 20px) calc(100% - 20px); /* 背景圖片的大小為div寬度和高度減去20像素 */
}