您可以对 calc 参数进行转义，以防止它们在编译时被计算。

使用您的示例，您可以简单地将参数括起来，如下所示：

calc(~'100% - 10px')

演示： http://jsfiddle.net/c5aq20b6/

我发现我通过以下三种方式之一来使用它：

基本转义

calc 参数中的所有内容都被定义为字符串，并且在客户端对其求值之前是完全静态的：

更少的输入

div {
    > span {
        width: calc(~'100% - 10px');
}

CSS输出

div > span {
  width: calc(100% - 10px);
}

变量的插值

您可以在字符串中插入一个较小的变量：

更少的输入

div {
    > span {
        @pad: 10px;
        width: calc(~'100% - @{pad}');
}

CSS输出

div > span {
  width: calc(100% - 10px);
}

混合转义和编译的值

您可能想要转义一个百分比值，但是可以继续并在编译时计算一些值：

更少的输入

@btnWidth: 40px;
div {
    > span {
        @pad: 10px;