css - width calc(100％-250px)给我一个负值-150％

This question already has answers here:

Less aggressive compilation with CSS3 calc
                                
                                    （4个答案）
                                
                        
                                3年前关闭。
            
                    
我遇到这种情况（请参见img），其中有一个固定的边栏，宽度固定：250px
现在我希望内容的全宽减去250px
但是，当我使用calc（100％-250px）时，在浏览器中的结果是-150％。



见下面我的代码

    .content {
  position: relative;
  left: 250px;
  width: calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  height: 100%;
  overflow-y: auto;
}

.sidebar {
  position: fixed;
  width: 250px;
  background-color: @primary_color;
  height: 100%;
  z-index: 998;
}

编辑：代码少了，所以这就是为什么我的尾括号缺少

最佳答案

您需要转义规则的值，否则LESS会对其进行编译。

它将在这里：

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

  https://github.com/SomMeri/less4j/wiki/Less-Language-Escaping