现在大部分框架都不直接用css，而用sass或者less之类的，这就有问题了，好些写法不一祥， 比如calc计算在less中，按照css的写法坑啊，所以这里记录一下，开发时候遇到的问题

calc在less中，按照就写法，计算错误

例如

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

结果会被编译成为

1
<span style="font-size:14px;">div {width: calc(70%);}</span>

要多坑有多坑啊，怎么会产生这样的现象呢？后来各种查，是由于less的计算方式跟calc方法有重叠，两者在一起有冲突，于是，我在Less中把calc的写法改写成下面这样：

1
<span style="font-size:14px;">div {width : calc(~"100% - 30px");}</span>

就好了