less- how to minus px?

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');
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值