CSS知识点 -- calc()函数

calc() 函数允许在声明 CSS 属性值时执行一些计算。

语法

• 此 calc() 函数用一个表达式作为它的参数，用这个表达式的结果作为值。表达式可以是+、-、*、/任意操作符的组合，采用标准操作符处理法则的简单表达式。

width: calc(100% - 80px);

• 也可嵌套使用calc()函数

padding: calc(2em + calc(3px - 1px));

注意

• + 和 - 运算符的两边必须要有空白字符。
• * 和 / 这两个运算符前后不需要空白字符，但如果考虑到统一性，推荐加上空白符。