CSS calc() funktioniert nicht

Question

Gibt es ein Limit, wie viele Operanden Sie innerhalb einer CSS calc() Funktion haben können?

Dies funktioniert:

div { 
    left:calc((100%/54)*26); 
    left:-webkit-calc((100%/54)*26); 
} 

dies nicht funktioniert:

div { 
    left:calc(((100%/54)*14)-140px); 
    left:-webkit-calc(((100%/54)*14)-140px); 
} 

Natürlich ist die letztere ist, was ich brauche, weil ich ein paar Pixel kompensieren müssen, aber sobald ich Versuche das zu tun, der Wert scheint einfach auf Null zu gehen. Jeder Einblick wird geschätzt!

Answer 1

MDN

Die + und - Betreiber Leerzeichen umgeben zitieren immer werden müssen. Der Operand calc(50% -8px) beispielsweise wird durch eine negative Länge, ein ungültiger Ausdruck, während der Operand calc(50% - 8px) ist ein Prozentsatz durch ein Minuszeichen und eine Länge gefolgt gefolgt als Prozentsatz geparst werden. Die Operatoren * und / benötigen keine Whitespaces, aber wird aus Konsistenzgründen hinzugefügt und empfohlen.

Platzieren Sie Ihre Sachen, und es wird wahrscheinlich funktionieren.