Wie verwende ich Spalten in einem Raster, um Flex horizontal einzuwickeln?

Question

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

Ich habe erfolgreich eine Flexbox mit vertikalem Scrollen erstellt, die den Raum horizontal ausfüllt und nach unten scrollt.

Ich möchte dasselbe horizontal machen, d. h. den Raum vertikal ausfüllen und nach rechts scrollen.

Mein flex befindet sich in einem entsprechenden grid mit seinem max-content.

Was habe ich verpasst?

Answer 1

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

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