通过CSS在DIV中显示宽度和高度百分比的问题（firefox不工作）

我的脑子里充斥着这个问题，所以让我分享一下我的沮丧，以便寻找有同样经历的人，幸运的是，找到一个解决办法

事情是这样的：

在chrome中，百分比可以正常工作，但在Firefox（最新版本）中尝试相同的操作时，内容div不再水平和垂直扩展

我已经分析了这里所有类似的问题，但我找不到任何有效的答案

提前谢谢

---

注意：我尝试使用块显示而不是“内容”层中的“框”显示，但仍然有相同的行为。

这里的问题是

显示：-moz-box

用于主体。如果你移除它，一切都正常。这似乎是一个bug，因此我建议您使用XUL-box布局，在。

中提交一份报告。我建议不要那样做

-moz-box

并不像您想象的那样是CSS flexbox布局。

如果删除-moz-box，Firebox将使用传统的块显示，flexbox布局将关闭。我需要的是能够使用FlexBox，因为我正在尝试做一些垂直定心。顺便说一句，Chrome在这方面很有魅力：）谢谢你的尝试，这就是为什么我说这是一个bug。这很好地总结了“为什么它不工作？”这个问题的答案。带有供应商前缀的功能往往有它们——它们毕竟是实验性的。