CSS之cacl()函数

使用场景在定位流中,一般都是绝对定位

假设定位块级元素长1000PX 宽40PX.

默认情况是靠左上角显示,如果需要居中.

一般方法是:

left: 50%;
margin-left: -500px;

使用calc函数可以一行代码解决这个问题

left: calc(50% - 500px)

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