Breite calc (100% - 250px) gibt mir eine negative -150%

Question

Ich habe diese Situation (siehe img) wo ich eine feste Seitenleiste mit einer festen Breite: 250px Jetzt möchte ich den Inhalt eine volle Breite minus haben die 250px Aber wenn ich jemals calc (100% - 250px) verwende, bekomme ich als Ergebnis im Browser -150%.

siehe meinen Code unten

.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; 
} 

edit: den Code in weniger war, so das ist, warum, wo meine Endklammerelemente

Answer 1

Sie Ihr den Wert entkommen müssen fehlt Regel, sonst LESS kompiliert es.

Es wäre hier:

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

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