解释calc（）求解方程的方法

Question

我calc()用来top:在类中设置属性。我需要一些帮助来了解如何calc()使用-我认为两个方程应该具有相同的结果，但不会相同。（最主要的方程式不切实际，我只是想调试一个更大的问题，注意到这两个结果不一样）

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

calc(-10px);

Answer 1

第一个方程是无效的，因为它会导致calc(-10px + 0)

\n

\n

注意：由于<number-token>s 始终被解释为<number>s 或<integer>s，<length>因此 .xe2\x80\x99t 支持“无单位 0”s calc()。也就是说， width:calc(0 + 5px);无效，即使 width: 0; 宽度：5px；是有效的。^参考

\n

\n

如果结果非零，你将陷入这样的情况：

\n

\n

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

\n

\n

最后一个更符合逻辑，因为10px + 5没有任何意义，而我们可能认为这10px + 0只是简单的10px but for the browser it\'s not.

\n

相关问题：Why doesn't min() (or max()) work with unitless 0?

\n