我不知道我在這里做錯了什么，這應該是有效的。我無法為子元素設置所需的寬度，也無法通過水平滾動使父元素溢出。在一個特定的寬度后，寬度不會增加，似乎卡在了那個點上。

這是html -

<div className="container">
        <div className="item">item 1</div>
        <div className="item">item 2</div>
        <div className="item">item 2</div>
 </div>

還有css -

.container {
  display: flex;
  overflow-x: scroll;
}

.item {
  height: 5rem;
  width: 25rem;
  border: 2px solid black;
}

codesandbox鏈接:https://codesandbox.io/s/pedantic-darkness-yx1wht

解決方法之一是增加最小寬度而不僅僅是寬度，如果你需要它來響應變化，你可以繼續(xù)操作最小寬度

演示