Question

我正在使用calc()来设置类中的top:属性。我需要一些帮助来了解calc()的用法-我相信两个方程式的结果应该相同。（最主要的方程式不切实际，我只是尝试调试一个更大的问题，并注意到这两个结果不相同）

calc(-10px + ((1 - 1) * 0));

calc(-10px);

Answer 1

第一个等式无效，因为它将导致calc(-10px + 0)

注意：由于<number-token>始终被解释为<number>或<integer>，因此<length>不支持“无单位0” calc() s 。也就是说，宽度calc(0 + 5px);无效，即使两个宽度都为0；宽度：5px；是有效的。 ^ref

如果结果为非零，则您将陷入：

在+或-处，检查两侧是否具有相同的类型，或者一侧是 <number>，另一侧是<integer> 。如果双方是同一类型，请解析为该类型。如果一侧是<number>，另一侧是<integer>，请解析为<number>。

最后一个更具逻辑性，因为10px + 5没有意义，我们可能认为10px + 0只是10px，但对于浏览器却不是。