calc() 函式

接受數學表示式並返回數值。

當使用不同型別的單位（例如從百分比中減去 px 值）以計算屬性的值時，它尤其有用。

+，-，/和*運算子都可以使用，如果需要，可以新增括號以指定運算順序。

使用 calc() 計算 div 元素的寬度：

#div1 {
    position: absolute; 
    left: 50px;
    width: calc(100% - 100px); 
    border: 1px solid black; 
    background-color: yellow; 
    padding: 5px; 
    text-align: center; 
}

使用 calc() 確定背景影象的位置：

background-position: calc(50% + 17px) calc(50% + 10px), 50% 50%;

使用 calc() 確定元素的高度：

height: calc(100% - 20px);