css3整理--calc()

calc()语法：

　　elem{

　　　　width：calc( 50% -2px );

　　}

　　取值说明：

　　　　calc是计算的缩写，上句含义是：计算elem父元素的50%再减2px，并将结果赋值给elem的width属性

 

calc()能做什么：

　　calc()可以通过动态的计算来得到元素的宽度或者高度。

　　例如：width:calc(50% - 2px)。当为元素设置了2px的边框时，通过这样的计算就可以避免因超出而折行。

　　可以使用 + - * / 等运算符来进行计算

　　注意：表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；

兼容性：

　　IE9+、FF4.0+、Chrome19+、Safari6+支持该属性，也就是说现在仍然需要兼容的IE8并不适用，开发时如果使用该属性，需要考虑通过hack的方式兼容IE8