Comment utiliser les colonnes d'une grille pour envelopper le flexible horizontalement ?
P粉481035232
P粉481035232 2023-08-16 21:11:09
0
1
525
<p>https://codepen.io/itaied246/pen/eYbOWjm</p> <p>J'ai réussi à créer une flexbox avec un défilement vertical qui remplit l'espace horizontalement et défile vers le bas. </p> <p>Je souhaite faire la même chose horizontalement, c'est-à-dire remplir l'espace verticalement et faire défiler vers la droite. </p> <p>Mon <code>flex</code> div se trouve à l'intérieur d'une <code>grid</code> </p><p> Qu'est-ce que j'ai raté? </p>
P粉481035232
P粉481035232

répondre à tous(1)
P粉143640496

Vous devez définir une hauteur sur votre flexbox. Dans ce cas, le simple ajout de height: 400px à la classe .flex-columns résoudra le problème.

La raison est que votre flexbox suppose qu'elle peut être aussi haute que possible, et comme la direction de flexion est définie sur les colonnes, elle met tout dans une seule colonne. Il est plus facile de visualiser lorsque la flexbox est une rangée !

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal