css - CSS calc（）が機能しない

Question

calc()CSS関数内で持つことができるオペランドの数に制限はありますか？

これは機能します：

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

これは動作しません：

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

もちろん、後者は私が必要としているものです。数ピクセルをオフセットする必要があるためですが、それを実行しようとすると、値はゼロになるように見えます。どんな洞察も大歓迎です！

Answer 1

MDNを引用するには

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

スペースを空ければ、おそらくうまくいくでしょう。