Lorsque j'étudiais les overflowvaleurs de la propriété, je suis tombé sur ces deux valeurs: autoet scroll, qui ajoute des barres de défilement si le contenu déborde de l'élément.
Quelqu'un pourrait-il m'expliquer quelle est la différence entre eux?
scroll, je ne vois pas la barre de défilement si le contenu convient. Mais, juste pour être sûr, j'ai choisiautoparce que je ne veux afficher une barre de défilement que lorsque le contenu est coupé.overlow: scrollrend la boîte plus mince: jsbin.com/letog/2/editoverflow: scrollet qu'ellesoverflow: autosoient fonctionnellement identiques lorsque le conteneur est suffisamment grand pour contenir le contenu.overflow: scrollmasquera tout le contenu débordant et fera apparaître des barres de défilement sur l'élément en question. Si le contenu ne déborde pas, les barres de défilement seront toujours visibles, mais désactivées.overflow: autoest très similaire, mais les barres de défilement n'apparaissent que lorsque le contenu déborde.Il y a une explication similaire à cela ici , avec quelques captures d'écran pour illustrer ce point.
la source
Jetez un œil aux astuces CSS .
Auto affichera la barre de défilement si et seulement si le contenu déborde; mais scroll affichera toujours la barre de défilement, que le contenu déborde ou non.
la source
Ajout d'un point à la réponse,
Overflow:autopas travaillé dans IE7 lorsque la position du conteneur est absolue Position débordement relatif IE7 . Mais le réglageOverflow:scrollfonctionnela source
débordement: le défilement affichera la barre de défilement horizontale et verticale même si vous n'en avez pas besoin. while, overflow: auto affichera la barre de défilement dont votre div a besoin. Donc, fondamentalement, auto vous aidera à vous débarrasser des deux scollbar. Voici plus de cela:
https://css-tricks.com/the-css-overflow-property/
la source