2016-04-25 7 views
1

Der Titel erklärt ziemlich alles, ich habe diese Berechnung in LESS, es ist die linke Einfügung meiner SideBar.Berechne% vw in Pixeln, dividiere durch 2 und füge Pixel zum Ergebnis hinzu

Sidebar: 300px

Inhalt: 960px

// half of the empty space 
left: calc(~'(100% - 1260px)'/2) 

dann den Einsatz meiner Inhalte div zu berechnen, ich brauche diese zu wiederholen und die Breite meiner Sidebar hinzufügen.

Ich habe versucht

// half of the empty space 
left: calc(~'(100% - 1260px)'/2 +300px) 

// half of the empty space 
left: calc((~'(100% - 1260px)'/2)+300px) 

Ich habe auch versucht, die ursprüngliche calculatin in eine Variable zu setzen und 300px hinzufügen, dass kein Glück.

So ist das überhaupt möglich?

+1

Sie können sich diesen Thread ansehen - http://stackoverflow.com/questions/36206484/why-is-is-is-less-expression-a-syntax-error-depending-on-the-math -operation/36214895 # 36214895. Setzen Sie die gesamte Mathematik in die Anführungszeichen, die dem Escape-Operator folgen. Die Gründe dafür werden in dieser Antwort erläutert. – Harry

+1

In beiden Fällen besteht der Fehler darin, nur den Teil des Ausdrucks 'calc' zu umgehen - das richtige Entweichen wäre 'calc (~' (100% - 1260px)/2 ') 'und' calc ((~' (100%) - 1260px)/2 + 300px ') '(der erstere kompiliert womöglich einen Fehler als Nebeneffekt, wie in dem mit @Harry verknüpften A beschrieben). –

Antwort