Ширина калькуляции (100% - 250 пикселей) дает мне минус -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