- 支援瀏覽器:IE10+、Firefox4+、Chrome19+、Safari6+
- 支援運算:+ - * /
- 支援單位:px、em、rem、%、vw、vh
- 計算單位: 可混用計算
大部份都使用在width、margin、padding、height 這類,寫法如下:
- calc(100% / 3)
- calc(100% / 3 -5px)
- calc(500px / 3)
- calc(500px * 3 / 12)
若要混用也可以寫成以下:
- calc((100vw - 50px)) / 2);
意思是螢幕滿版的寬度扣除50px後,再除以2