釋義

calc()就是在CSS屬性中運用四則運算的意思。
它可以用在 width、height、border、margin、padding、font-size 等屬性上，任何長度值都可以使用calc()函數(shù)進行計算。

語法

.test { width: calc(expression); }

示例

.left { 
  float: left;
  width: 200px;
  height: 100%;
}
.right{
  float: left;
  width: calc(100% - 200px);
  height: 100%;
}

運算規(guī)則

1、可以使用的運算符號：+, -, x, /
2、可以使用的運算單位：百分比、px、em、rem、vh、vw，且允許各種單位混合使用。

注意事項

1、運算符號加減前后必須有空格。
2、運算符號乘除前后建議保留空格。

網(wǎng)站導航

網(wǎng)站導航