css的calc()函数

calc()：用于动态计算元素的宽度、高度等数值。

注意：运算符的前后都要有空格，运算符是“+”，“-”，“*”，“/”

例如：

加空格的样子：width: calc(100% - 100px)

不加空格的样子：width: calc(100%-100px)

谈一下兼容性：

在IE678是不支持的，IE9可以正常运行

css代码：

html:

 

谷歌的效果：

 

IE9以上：

 IE678：