Firefox，显示：-moz-box在顶部增加了奇怪的余量

Question

我有一个3个块元素的列表，它们应该定期堆叠。堆栈中的第二个元素是一个box元素，我使用了

display: -moz-box;
-moz-box-orient: horizontal;

问题出现在这个框元素中，因为它在自身顶部添加了一个奇怪的不需要的边距。您可以通过以下链接http://jsfiddle.net/frapontillo/ghA5X/查看。

Chrome中的正确行为：

Firefox / Aurora中的错误行为：

这会导致什么？ Chrome表现不错，而Firefox（发布渠道）和Aurora也存在此问题。

Answer 1

至少在某种程度上导致-moz-box和-webkit-box意味着完全不同的事情并且行为完全不同的原因。前者是XUL盒子，行为可追溯到10年前。后者是几年前早期CSS flexbox草案的实现。

如果可以避免，我建议不要使用这些，因为两者都不符合当前的flexbox草稿。