calc在less编译时计算错误的解决办法

在前端开发中，Less或Sass已经是一项必备的基本技能，有了这个利器，可以省下前端开发者的很多编码时间，让你写CSS如行云流水一般。最近在Less里加入calc时确发现了有点问题。

div {
  width : calc(100% - 16px);
}

结果Less把这个当成运算式去执行了，结果给我解析成这样：

div {
  width: calc(70%);
}

原因是由于less的计算方式跟calc方法有重叠，两者在一起有冲突。

div {
  width : calc(~"100% - 16px");
}

这样，解析结果就正常了。