calc()语法:
elem{
width:calc( 50% -2px );
}
取值说明:
calc是计算的缩写,上句含义是:计算elem父元素的50%再减2px,并将结果赋值给elem的width属性
calc()能做什么:
calc()可以通过动态的计算来得到元素的宽度或者高度。
例如:calc(50% - 2px)。当为元素设置了2px的边框时,通过这样的计算就可以避免因超出而折行。
可以使用 + - * / 等运算符来进行计算
注意:表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的;
兼容性:
IE9+、FF4.0+、Chrome19+、Safari6+支持该属性,也就是说现在仍然需要兼容的IE8并不适用,开发时如果使用该属性,需要考虑通过hack的方式兼容IE8