calc在预编译语言中的使用（Less&Scss）

问题：在 less 中使用 calc ，转为 css 时 calc(50% - 40px) 被转为 calc(10%) ，解析时忽略了单位直接计算再加百分号；

原因：less 的计算方式和 calc 方法有重叠，两者在一起有冲突；

解决：width: e("calc(50% - 40px)"); 或 width: calc(~"100% - 40px");

引申：在 scss 中使用 width: calc(#{$thirdWidth} - #{$padding}); 解决问题