calc（）计算属性中的~表示阻止被less语法编译

calc在 css 中可以直接用。

感觉题主说的像是less的语法，因为 less 中本来有 - 运算操作，所以在 calc 中就加上~" "阻止被 less 编译。

比如 css 中

height: calc(100% - 30px);

代表就是 100% 高度减去 30 像素。

但是如果在 less 中也这么写，less 编译成 css 时就会变成

height: calc(70%);

因为 less 本身就有 ‘减’ 这个操作，所以就违背了原意，所以在 less 中，要写成：

height: ~"calc(100% - 30px)";