CSS3 calc() 函数,动态计算高度

最近突然发现原来**calc()**函数可以动态设置高度
在没发现之前，我一直以为这是需要js动态计算的
刚看calc()是不是觉得很熟悉
和scale()长得非常像
我常常用 scale() 来设置10px的字

font-size：12px;
transform: scale(0.8333);

这个具体就不多讲了，可以私下问我

然后看这次重点calc()

height: calc(100% - 170px);

这里可以用于不用单位之间的运算,比如：px也可以用vh代替之类

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

1. 运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
2. calc()函数用于动态计算长度值。任何长度值都可以使用calc()函数进行计算；
3. calc()函数支持 “+”, “-”, “*”, “/” 运算，运算符前后都需要保留一个空格。
4. calc()函数使用标准的数学运算优先级规则；

最后附上MDN的兼容性