Html 如何为flex box容器添加水平滚动？

我正在使用flexbox在HTML中创建一个带有水平滑块的滑块。但有了这个代码：

文件
.集装箱{
宽度：425px；
显示器：flex；
背景颜色：黄绿色；
溢出-x：自动；
}
.货柜组{
宽度：100px；
高度：150像素；
利润率：10px；
背景色：青色；
}

您可以将

最小宽度

添加到flex子项中，以强制保持所需的宽度

.container div{
宽度：100px；
最小宽度：100px；
}

文件
.集装箱{
宽度：425px；
显示器：flex；
弯曲方向：行；
背景颜色：黄绿色；
溢出-x：自动；
}
.货柜组{
宽度：100px；
最小宽度：100px；
高度：150像素；
利润率：10px；
背景色：青色；
}

Flex儿童需要一个

Flex

属性来指示他们的行为，否则它将默认为您看到的内容<代码>flex:100px 0可以工作，尽管此时您并没有真正使用flexbox，您只是有一个标准的

div

与元素并排。。。