Html Flexbox包装在firefox中无法正常工作

在chrome和firefox上比较下面的示例

对我来说，它在chrome上正确地包装，但firefox没有包装，而是拉伸了flexbox并溢出了父级。那么谁在这里，chrome还是firefox？我怎样才能在两者上获得与chrome相同的效果

html，
身体，
#应用程序{
保证金：0；
填充：0；
}
#应用程序{
高度：100vh；
宽度：100vw；
显示器：flex；
弯曲方向：立柱；
}
#顶{
flex:040px；
背景色：#ff0000；
}
#内容{
弹性：1；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
}
.项目{
高度：200px；
}

1.
2.
3.
4.
5.
6.

尝试在父对象上设置最小高度和最小宽度，如下所示

 #content {
 min-height: 0;
 min-width: 0; }

---

您的答案在我包含的代码片段中非常有效，但在我的具体情况下，内容被包装在另一个容器中，以允许在溢出时水平滚动。为了让它工作，我必须使集装箱柔性箱以及。非常感谢。很高兴我能帮忙。