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)的操作数是百分比，后跟减号   和一个长度。 *和/运算符不需要空格，但是   允许添加它以保持一致性。

将你的东西放在一边，它可能会有效。