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)是百分比,后跟减号和长度.在*与/运营商不需要的空白,但添加它的一致性是允许的,并建议.

把你的东西放在一边,它可能会起作用.