css中的calc函数如何使用

CSS中的`calc()`函数可以用于计算CSS属性值，它支持加、减、乘、除四则运算。使用`calc()`函数的语法格式为：

calc(expression)

其中，`expression`是要计算的表达式，可以包含长度、百分比、数值和其它CSS属性值。例如：

width: calc(100% - 20px);
height: calc(50vh + 10%);

在使用`calc()`函数时，需要注意以下几点：

1. 表达式中的数值、长度、百分比等必须使用空格将运算符分开，例如`calc(100% - 20px)`而不是`calc(100%-20px)`。

2. `calc()`函数不能嵌套使用，例如`calc(calc(100% - 20px))`是不合法的。

3. `calc()`函数支持CSS3的数学函数，例如`sin()`、`cos()`、`tan()`等。

4. `calc()`函数的兼容性较好，大部分现代浏览器都支持，但是IE9及以下版本不支持。