如何在网格中使用列来水平包裹 flex？
P粉481035232
2023-08-16 21:11:09
<p>https://codepen.io/itaied246/pen/eYbOWjm</p>
<p>我成功地创建了一个具有垂直滚动的弹性框，它横向填充空间并向下滚动。</p>
<p>我想要水平地做同样的事情，即垂直填充空间并向右滚动。</p>
<p>我的<code>flex</code> div位于一个相应的<code>grid</code>中，其<code>max-content</code>。</p><p>
我漏掉了什么？</p>
你需要在你的弹性盒子上设置一个高度。在这种情况下，只需将
height: 400px添加到.flex-columns类即可解决问题。原因是你的弹性盒子假设它可以尽可能地高，并且由于弹性方向设置为列，它将所有内容都放入一个列中。当弹性盒子是一行时更容易可视化！