错误原因:
在less中 calc(100% -60px) 等带单位混合运算会被less解析忽略单位,全部按照百分比计算,此例中的计算被less编译成calc(40%)
写法:
div{
width: calc(~"100% - 30px");
}
//less中使用calc写法
@myHeight: 30px;
div{
height: calc(~"100% - @{myHeight}");
}
//less中变量写法
//或者
div{
width: ~"calc(100% - 30px)";
}