关于calc()写法

今天在改导航的时候遇到的一个问题,之前我没用预处理器less写calc()时只有两个要注意的地方,

一个是注意浏览器的兼容性问题,该加前缀的加前缀;

第二个是减号前后都要有空格空开,不然得不到正确结果;

width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
           

后面的一个问题,就是今天的问题:

在用less时,像上面这样写居然是错的,编译后显示的是20%,自动帮我减掉了,这就怪了.

然后一顿百度,都是我说的上面两个要注意的地方.

然后去问了大佬,终于有了解决方案.于是记录一下,算是今天的收获吧.

width: calc(~"100% - 80px");