CSS calc（）不起作用[重复]

Question

在 CSS calc() 函数中可以有多少个操作数有限制吗？

这行得通：

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

+ 和 - 运算符必须始终被空格包围。这 例如calc(50% -8px) 的操作数将被解析为百分比 后跟一个负长度，一个无效的表达式，而 calc(50% - 8px) 的操作数是后跟减号的百分比 和一个长度。 * 和 / 运算符不需要空格，但 允许并建议添加它以保持一致性。

把你的东西分开，它可能会起作用。