在CSS中有calc属性用于尺寸的计算,可以让百分比和像素值进行运算。
div {width : calc(100% - 30px);}
为了兼容性
/*Firefox*/
-moz-calc(expression);
/*chrome safari*/
-webkit-calc(expression);
需要注意:减号前后必须有空格。
在less中,
div {
@diff : 30px;
width : calc(~"100% - @{diff}");
or width: calc(~"100% - "@diff)
}