calc() 函数

calc() 函数用于动态计算长度值。

css3 的 calc() 函数允许我们在属性值中执行数学计算操作。

● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；

● 任何长度值都可以使用calc()函数进行计算；

● calc()函数支持 “+”, “-”, “*”, “/” 运算；

● calc()函数使用标准的数学运算优先级规则；

transform: translateX(calc(-50% - 20px));
           

参考：

css3系列之transform详解translate

CSS calc() 函数

CSS3 calc()是怎么实现计算