如何在网格中使用列来水平包裹 flex？

Question

https://codepen.io/itaied246/pen/eYbOWjm

我成功地创建了一个具有垂直滚动的弹性框，它横向填充空间并向下滚动。

我想要水平地做同样的事情，即垂直填充空间并向右滚动。

我的flex div位于一个相应的grid中，其max-content。

我漏掉了什么？

Answer 1

你需要在你的弹性盒子上设置一个高度。在这种情况下，只需将height: 400px添加到.flex-columns类即可解决问题。

原因是你的弹性盒子假设它可以尽可能地高，并且由于弹性方向设置为列，它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化！