width calc(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

width calc(100% - 250px) 给我负 -150%

width calc(100% - 250px) gives me a negative -150%

css

calc

width

less