宽度计算（100％ - 250px）给我一个负-150％

Question

我有这种情况（见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;
}

编辑代码少了，这就是为什么我的端括号丢失了

Answer 1

你需要逃避你的规则的价值，否则LESS会编译它。

就在这里：

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

  

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