calc是css3增加的一个自动计算长度的方法
可以进行不同单位数值之间的四则运算,比如:
.test{
width: calc(100% - 50px);
}
在less中使用的时候会有问题
less:
.test{
width: calc(100% - 50px)
}
less编译后:
.test{
width: 50%;
}
因为less 的算法和css3的calc 冲突导致,改为:
.test{
width: calc(~"100% - 50px")
}
@diss = 50px;
.test{
width: calc(~"100% - @{diss}")
}