CSSのcalc（）が機能しない

Question

CSS calc()の機能で使用できるオペランドの数に制限はありますか？

これは動作します：Iとすぐに、私はいくつかのピクセルをオフセットする必要があるため、後者は、私は必要なもので、もちろん

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

、しかし：

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

これが動作しませんそれをしようとすると、値はちょうどゼロになるようです。どんな洞察にも感謝しています！

Answer 1

MDN

+と-演算子は常に空白で囲む必要があります引用します。例えば、 オペランドがcalc(50% -8px)の場合、パーセントが 、負の長さ、無効な式が続き、 オペランドがcalc(50% - 8px)の場合、パーセンテージが続き、マイナス記号 と長さが解析されます。 *と/演算子は空白を必要としませんが、一貫性のためにそれを追加することは許可されており、推奨されています。

スペースを空けておくと、おそらく動作します。