Comment rendre un Div défilable verticalement avec CSS uniquement ?

Créer un div à défilement vertical à l'aide de CSS

Lors de la tentative de création d'un div à défilement vertical, définissez le débordement de la propriété CSS : scroll ; peut autoriser par inadvertance le défilement horizontal et vertical. Pour restreindre le défilement à l'axe vertical uniquement, il est nécessaire d'ajuster la propriété CSS.

Correction de la propriété CSS

La propriété overflow-x contrôle le défilement horizontal , tandis que overflow-y contrôle le défilement vertical. Pour garantir un défilement vertical uniquement, vous pouvez utiliser l'une des approches suivantes :

Forcer une barre de défilement verticale

Si vous souhaitez qu'une barre de défilement verticale apparaisse toujours, quel que soit le la hauteur du contenu, utilisez :

overflow-y: scroll;

Cela force une barre de défilement verticale, même si le contenu ne dépasse pas la hauteur du contenu. div.

Barre de défilement verticale conditionnelle

Si vous souhaitez qu'une barre de défilement verticale apparaisse uniquement lorsque le contenu dépasse la hauteur du div, utilisez :

overflow: auto;

Cela ajoutera automatiquement une barre de défilement verticale uniquement si le contenu est trop haut pour tenir dans la hauteur du div.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!