Css 为什么行flexbox包装后内容溢出

在下面的示例中，您是否可以解释为什么

boxOrange

内容溢出，而

boxPurple

包装在

boxOrange

下

已经找到一些解决方案来解决媒体查询或JS的问题

#容器{
背景色：红色；
填充：10px；
宽度：80%；
高度：300px；
显示器：flex；
柔性包装：包装；
对齐项目：拉伸；
}
#橙黄{
背景颜色：橙色；
弹性：1；
溢出：滚动；
最小宽度：400px；
}
#黄褐色{
背景颜色：紫色；
弹性：1；
最小宽度：400px；
}

内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容-内容
-内容-内容-内容-