html - Firefox，显示：-moz-box 在顶部添加奇怪的边距

Question

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

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

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

Chrome 中的正确行为：

Firefox/Aurora 中的错误行为：

什么会导致这种情况？Chrome 运行良好，而 Firefox（发布渠道）和 Aurora 有这个问题。

Answer 1

是什么导致了这个，至少部分地，那个-moz-box，-webkit-box意味着完全不同的事情，有完全不同的行为。前者是 XUL 盒子，其行为可以追溯到 10 多年前。后者是几年前早期 CSS flexbox 草案的实现。

如果可以避免的话，我建议不要使用它们，因为它们都不符合当前的 flexbox 草案。