CSS/Javascript 溢出-x 2 行

【问题标题】：CSS/Javascript Overflow-x with 2 rowsCSS/Javascript 溢出-x 2 行
【发布时间】：2017-12-02 05:58:06
【问题描述】：

请查看上面的“视觉示例”链接。我需要容器 div 内的 编号 div 以 与编号相同的顺序从左到右填充。然后当太多 div 进入容器时，水平滚动将激活。到目前为止，这是我尝试过的：

容器：

.container {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 925px;
  width: auto;
}

内部 div：

.inner-div {
    display: inline-block;
    height: 400px;
    width: 355px;
}

【问题讨论】：

【解决方案1】：

将 overflow-x 更改为 auto 而不是 scroll 将解决您的问题。

【讨论】：

感谢 Envision 的回复，你这么说很有趣，我在讨论是否应该将 width 属性更改为具体值而不是 auto，因此其他人不会建议更改。因为我已经阅读了另一个问题，其中设置固定宽度是解决方案。但是，这在这里不起作用。我按照您的建议将overflow-x 设置为auto，并将宽度设置为1300px 之类的固定值，但仍然没有运气。 div 在开始向右填充之前拒绝先垂直填充，目前我的屏幕是启用滚动的 div 的一行。
@Blawkyy 我想你应该更新你的问题更清楚。我认为您的问题与水平滚动有关。请解释一下The divs refuse to fill vertically first before they start filling to the right, at the moment my screen is one row of the divs with the scrolling enabled.的意思
看我上面贴的图片，我希望 div 在开始填充之前先垂直填充为两行，然后当 div 在容器中达到最大尺寸时，水平滚动将在那里解释这一点。最终，我想要 2 行 div，而不是 1 行。现在使用上面的 CSS，它只会显示为 1 行。