根据Mozilla's own documentation：
Firefox仅支持单行flexbox。
但是我想开始使用flexbox，因为它现在是mostly supported by all modern browsers（幸运的是我不需要为这个项目定位IE 9）。
由于Firefox仅支持单行flexbox，因此我使用它的唯一好处是justify-content，可能还有align-items。在我看来，flexbox的真正力量是flex-flow和flex-wrap，它允许响应式布局。
实际上，我尝试从Mozilla文档中复制Holy Grail Layout example并在Firefox中打开它，它甚至在那里都没有正常工作。 order已更改但仍显示一行中的三个元素，而不是更改flex-flow。
相关问题：Flexbox not wrapping flex items
我很确定我的大多数目标受众都使用的是Internet Explorer，Firefox和Safari for iOS。是否有可以用于Firefox的polyfill来获得所需的行为，或者我是否必须使用Modernizr回退到float，width和clear修复程序（如果是的话，我甚至在Modernizr中寻找什么？）
答案 0 :(得分：13)
不再需要填充：flex-wrap: wrap适用于Firefox 28及以上修复，请参阅我的回答here。
修复旧版浏览器：对于“solved by flexbox”演示，Philip Walton使用简单的CSS polyfill：@supports not (flex-wrap: wrap)仅针对不支持flex-wrap: wrap的浏览器}，据我了解：改为使用display: inline-block。
答案 1 :(得分：0)
正如您所知，此功能尚未在Firefox上使用。我还没有发现任何polyfill进行柔性包装。但我确实知道Firefox flex-wrap实现的精确增强问题。
请任何想要此功能的人都应该通过将自己添加到CC列表中对以下链接进行投票：
Firefox - Support multi-line flexbox (flex-wrap, align-content properties)
答案 2 :(得分：-1)
您可以使用flex-direction:column;代替flex-flow:column;。似乎是Mozilla Holy Grail https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes#Holy_Grail_Layout_example