Maison > interface Web > tutoriel CSS > Comment créer des Divs à défilement vertical avec CSS ?

Comment créer des Divs à défilement vertical avec CSS ?

Linda Hamilton
Libérer: 2024-12-13 09:44:16
original
749 Les gens l'ont consulté

How to Create Vertically Scrolling Divs with CSS?

Divers à défilement vertical avec CSS

La création d'un div à défilement vertical peut être réalisée en utilisant la propriété de débordement appropriée. Le paramètre de débordement par défaut permet le défilement dans les directions horizontale et verticale. Pour limiter le défilement uniquement à l'axe vertical, modifiez la propriété overflow comme suit :

Défilement vertical uniquement :

Dans les cas où vous souhaitez toujours une barre de défilement verticale, même si le contenu s'adapte à la hauteur du div, utilisez :

overflow-y: scroll;
Copier après la connexion

Cela force une barre de défilement verticale à apparaître quel que soit le contenu size.

Défilement vertical dynamique :

Si vous souhaitez qu'une barre de défilement verticale n'apparaisse que lorsque cela est nécessaire, par exemple lorsque le contenu dépasse la hauteur du div, utilisez :

overflow: auto;
Copier après la connexion

Ce paramètre créera automatiquement une barre de défilement verticale si le contenu dépasse la hauteur du div, tout en la laissant masquée lorsque le contenu rentre dans son limites.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal