Comment créer un Div à défilement vertical en utilisant uniquement CSS ?

Création d'un défilement vertical dans un div avec CSS

Problème :

Un ensemble d'éléments div avec débordement : scroll permet un défilement horizontal et vertical. Comment pouvons-nous limiter le défilement à la direction verticale uniquement ?

Solution :

Pour rendre un div défilable verticalement à l'aide de CSS, spécifiez la propriété overflow avec overflow-y ou overflow-x.

Types de débordement Propriétés :

• auto : Crée des barres de défilement si le contenu dépasse la hauteur ou la largeur définie.
• scroll : Force les barres de défilement pour apparaître quelle que soit la taille du contenu.

Utilisation spécifique Cas :

Toujours afficher la barre de défilement verticale :

overflow-y: scroll;

Cela force une barre de défilement verticale à apparaître, même si le contenu ne dépasse pas la hauteur spécifiée.

Afficher la barre de défilement verticale uniquement lorsque Nécessaire :

overflow: auto;

Cela permet le défilement vertical uniquement lorsque le contenu dépasse la hauteur spécifiée. Si le contenu rentre dans la hauteur, aucune barre de défilement ne s'affiche.

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!