CSS3中的 calc()方法

CSS給人的印象就是固定的，一成不變。在CSS3中加入了一個類似函數的屬性：calc()；取自calculate（計算）。顧名思義，就是計算表達式的結果，然後傳遞給屬性。

比如常見的寬度，特别常見于百分比布局中：

#div1{
   width: calc(% - px);
}
           

上述表達式表示的就是ID為div1的元素，将它的寬度設定為父元素的50%，再加上100px的大小。這個是會根據父元素寬度變化而随時更新的，有點函數的意味了。

而且還可以用于不用機關之間的運算：

#span{
      font-size: calc(em + px);
}
           

注：相容性請查閱： caniuse.com