calc()函数的使用

1
2
3
4
.calc {
/*calc 函数接受的值必须是一个数学表达式(expression)*/
width: calc(100% - 10px);
}

calc() 函数用于动态计算长度值。

  • 需要注意的是,运算符前后都需要保留一个空格;
  • 任何长度值都可以使用 calc()函数进行计算;
  • calc()函数支持 “+”, “-“, “*”, “/“ 运算;
  • calc()函数使用标准的数学运算优先级规则;