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/运算符不需要空格，但允许并建议添加空格以保持一致性。

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