通过CSS在DIV中WIDTH和HEIGHT百分比的问题（firefox不起作用）

Question

我的大脑在这个问题上溢出来了，所以让我分享我的挫折感，以便寻找具有相同体验的人，并且幸运地找到一个办法。

事情是这样的：

http://jsfiddle.net/w4d2E/

在Chrome中，百分比做工精细，而是试图在Firefox相同的（最新版本）当内容DIV不是水平和垂直方向再扩大。

我已经分析过这里的每一个类似的问题，但我找不到任何有效的答案。

在此先感谢

P.S：我试图在“内容”层，而不是使用的“盒子”一个块显示屏，但仍具有相同行为。

Answer 1

这里的问题是display: -moz-box身体。如果你删除它一切正常。这似乎是一个错误，所以我建议在bug tracker中提交报告。

Answer 2

您正在使用XUL框布局。我建议不要那样做。您似乎认为-moz-box不是CSS Flexbox布局。