calc():用于动态计算元素的宽度、高度等数值。
注意:运算符的前后都要有空格,运算符是“+”,“-”,“*”,“/”
例如:
加空格的样子:width: calc(100% - 100px)
不加空格的样子:width: calc(100%-100px)
css代码:
html:
谈一下兼容性:
在IE678是不支持的,IE9可以正常运行
在谷歌浏览器的效果:
在IE9及以上效果:
在IE678的效果:
总结:
1.可以进行加减乘除的运算;
2.在高版本浏览器及IE9以上,可以正常运行;
3.在IE678中,识别不了此属性,没有效果,宽度为0px;