142 votes

Différence entre HTML "overflow: auto" et "overflow: scroll"

Lorsque j'étudiais les valeurs de la propriété overflow , je suis tombé sur ces deux valeurs: auto et scroll , ce qui ajoute des barres de défilement si le contenu déborde de l'élément. .

Quelqu'un pourrait-il m'expliquer s'il vous plaît quelle est la différence entre eux?

211voto

Johan Davidsson Points 639

Auto ne montrera une barre de défilement que lorsque le contenu est tronqué.

Par contre, Scroll affichera toujours la barre de défilement même si tout le contenu convient et si vous ne pouvez pas le faire défiler.

21voto

James Allardice Points 81162

overflow: scroll cachera 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: auto est très similaire, mais les barres de défilement n'apparaissent que lorsque le contenu déborde.

Il existe une explication similaire à ce sujet ici , avec quelques captures d'écran pour illustrer ce point.

3voto

samir chauhan Points 931

Jetez un coup d'œ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.

1voto

Anand Points 110

Ajout d'un point à la réponse, Overflow:auto n'a pas fonctionné dans IE7 lorsque la position du conteneur est absolue Position dépassement relatif IE7 . Mais régler Overflow:scroll fonctionne

0voto

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X