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

【问题标题】：Firefox, display: -moz-box adds weird margin on topFirefox，显示：-moz-box 在顶部添加奇怪的边距
【发布时间】：2012-09-13 18:07:10
【问题描述】：

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

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

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

Chrome 中的正确行为：

Firefox/Aurora 中的错误行为：

是什么原因造成的？ Chrome 运行良好，而 Firefox（发布渠道）和 Aurora 有这个问题。

【问题讨论】：

【解决方案1】：

至少部分原因是-moz-box 和-webkit-box 意味着完全不同的事物并且具有完全不同的行为。前者是 XUL 盒子，其行为可以追溯到 10 多年前。后者是几年前早期 CSS flexbox 草案的实现。

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

【讨论】：

那么你推荐使用最新的display: flexbox吗？
好吧，如果有人支持，我可能会。但是还没有人真正做到，上次我查了一下，虽然 Gecko 和 WebKit 很接近。
谢谢，我会选择“关闭”:)。不过，我刚刚找到this article，上面说display: box 是2009 版的flexbox。作为 CR，此时新的 flex 规范可以改变多少？
预计新规范不会有太大变化。但它也与 2009 年的草案（这是 WebKit 实现的）有很大不同。