.elm {
width: calc(expression);
}
注意事项：
- 使用“+”、“-”、“*” 和 “/”四则运算；
- 可以使用百分比、px、em、rem等单位；
- 可以混合使用各种单位进行计算；
- 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是错误的；
- 表达式中有“*”和“/”时，其前后可以没有空格，但建议留有空格。
兼容性写法：
.elm {
/*Firefox*/
-moz-calc(expressin);
/*chrome safari*/
-webkit-calc(expression);
/*Standard */
calc();
}
举例：
.box {
background: #f60;
height: 50px;
padding: 10px;
border: 5px solid green;
width: 90%; /*写给不支持calc()的浏览器*/
width: -moz-calc(100% - (10px + 5px) * 2);
width: -webkit-calc(100% - (10px + 5px) * 2);
width: calc(100% - (10px + 5px) * 2);
}
版权声明：除特别声明外，本站所有文章皆是本站原创，转载请以超链接形式注明出处！
