我刚刚进入flex世界，并在这样的设置上苦苦挣扎： https://jsfiddle.net/5b0pLgkj/
在Chrome和Safari中，它可以完美工作，可以调整子元素的大小，并占据容器的全部空白空间。但是，在Firefox中，flex:1似乎没有任何作用，并且子级无法调整大小（尽管DOM中的高度似乎有所变化）。
真的需要使用flex:auto吗？当我这样做时，它似乎可以工作，但是孩子们不再占据所有空白空间。有什么想法吗？
谢谢！
答案 0 :(得分：0)
flex:1;等效于flex: 1 1 0n;
例如在Chrome中，flex:1和flex:1 1 0;会产生不同的结果，因为忽略了flex-basis，而仅应用了flex-grow和flex-shrink。
因此，您的flex-basis设置为零，并且FF将其读取为0，这对您想要的效果不起作用。
将其设置为flex: 1 1 auto;或简单地设置为flex: auto;
Flex是flex-grow，flex-shrink和flex-basis的简写。