我对CSS3 flexbox有问题
如果我将flexbox元素设置为overflow并为子元素设置minwidth值，则父元素上的正确填充将丢失？这在所有支持的浏览器上都是一致的
下面是一个错误示例。如果滚动到容器的右侧，您将看到最后一个子对象紧靠容器的右边缘，而不是接受填充值
.outer{
显示器：flex；
弯曲方向：行；
宽度：300px；
高度：80px；
边框：1px#ccc实心；
溢出-x：自动；
填充物：5px；
}
.外部>；div{
flex:1自动；
边框：1px#ccc实心；
文本对齐：居中；
最小宽度：50px；
保证金：5px；
}<；div class=“外部”>；
<；部门>；文本1</部门>；
<；部门>；文本2</部门>；
<；部门>；文本3</部门>；
<；部门>；文本4</部门>；
<；部门>；文本5</部门>；
<；部门>；文本6</部门>；
<；部门>；文本7</部门>；
<；部门>；文本8</部门>；
<；部门>；文本9</部门>；
<；部门>；文本10</部门>；
</部门>有人知道这是为什么吗？我将如何着手纠正它？我把填充和边距的值在不同的组合中弄乱了，但没有成功
如果您希望在末尾同时具有可滚动填充的“overflow-x:auto”，则需要添加另一层包装
大概是这样的：
。滚动{
溢出-x：自动；
宽度：300px；
边框：1px#ccc实心；
}
.外部{
显示器：flex；
弯曲方向：行；
框大小：边框框；
最小宽度：100%；
高度：80px；
填充物：5px；
float:left；/*以根据内容调整大小，而不是钳制到可用宽度。（供应商为“宽度”加上前缀的固有大小调整关键字也应适用于此处。）*/
}
.外部>；div{
flex:1自动；
边框：1px#ccc实心；
文本对齐：居中；
最小宽度：50px；
保证金：5px；
}<；div class=“scroll”>；
<；div class=“外部”>；
<；部门>；文本1</部门>；
<；部门>；文本2</部门>；
<；部门>；文本3</部门>；
<；部门>；文本4</部门>；
<；部门>；文本5</部门>；
<；部门>；文本6</部门>；
<；部门>；文本7</部门>；
<；部门>；文本8</部门>；
<；部门>；文本9</部门>；
<；部门>；文本10</部门>；
</部门>；
</部门>