Css 为什么可以'；这个flexbox不能滚动吗？

我试图理解为什么下面的代码不创建可滚动的flexbox

var firstData=[“一”、“二”、“三”、“四”]
FillDiv（）；
FillDiv（）；
$（“按钮”）。在（'click'，function（）上{
FillDiv（）；
});
函数FillDiv（）{
var newData=GetData（）；
对于（i=0；i

.wrapper{
显示器：flex；
溢出-x：自动；
}
.包装部{
显示：块；
宽度：200px；
高度：200px；
背景色：黑色；
颜色：白色；
文本对齐：居中；
左缘：1%；
}
钮扣{
边缘顶部：20px；
左边距：10px；
}

下一个

将

弹性收缩：0

添加到测试div中。默认情况下，Flex项设置为

Flex-shrink:1

，这使它们能够收缩以防止容器溢出

有关更多详细信息，请参见我的回答中的“弹性收缩系数”部分：

---

上面提到的问题在第二个示例（图像）中不存在，因为flex项的另一个默认设置是

minwidth:auto

。这意味着默认情况下，flex项不能小于其内容。如果使用

img{minwidth:0}

覆盖此默认值，您将获得与第一个示例中相同的行为

有关flex最小大小调整算法的更多详细信息，请参阅：