less中对于calc的解析会有冲突,
less中写法:
.div{
width: calc(100% - 50px)
}
less编译后:
.div{
width: 50%;
}
解决办法
.div{
width: calc(~"100% - 50px");
}
编译为
.div{
width: calc(100% - 50px);
}
//如果进行数值和变量之间的运算可以这样设置:
@diss = 50px;
.test{
width: calc(~"100% - @{diss}")
}