div {
> span {
@pad: 10px;
width:calc(~'100% - @{pad}');
}
}
div {
> span {
width:calc(~'100% - 10px');
}
}
使用calc注意了,该函数的参数,当使用乘法和除法时,必须有一个参数为数值,当使用除法时,右边的数必须为数值,不能带单位
+
Addition.
-
Subtraction.
*
Multiplication. At least one of the arguments must be a <number>.
/
Division. The right-hand side must be a <number>.
以下的less写法,浏览器会计算:
background-position: right 0 top calc(~'@{btnSmallHeight}* -2 - @{btnHeight} - 3px');
但是下面:乘法乘以了2px
,那么就会被浏览器视为无效值
background-position: right 0 top calc(~'@{btnSmallHeight}* -2px - @{btnHeight} - 3px');