calc()函数

用于动态计算长度值，值灵活

- css3新增功能

- 任何长度值都可以使用calc()函数进行计算；

- calc()函数支持 "+", "-", "*", "/" 运算；

- calc()函数使用标准的数学运算优先级规则；

- 运算符前后都需要保留一个空格

- 语法：

  calc(表达式)

```html

运算符前后都需要保留一个空格

width: calc(100% - 200px);  减号的前后添加空格

.box {

    width: calc(100% - (10px + 20px) * 2);

    height: 300px;

    background-color: pink;

}