Als ich overflowdie Werte der Eigenschaft studierte , stieß ich auf diese beiden Werte: autound scroll, die Bildlaufleisten hinzufügen, wenn der Inhalt das Element überläuft.
Könnte mir bitte jemand erklären, was der Unterschied zwischen ihnen ist?
scrollsehe ich die Bildlaufleiste nicht, wenn der Inhalt passt. Aber um sicher zu gehen, habe ich mich entschieden,autoweil ich nur dann eine Bildlaufleiste anzeigen möchte, wenn der Inhalt abgeschnitten ist.overlow: scrollmacht die Box dünner: jsbin.com/letog/2/editoverflow: scrollundoverflow: autofunktional identisch sind, wenn der Container groß genug ist, um den Inhalt aufzunehmen.overflow: scrollblendet den gesamten überfüllten Inhalt aus und führt dazu, dass Bildlaufleisten auf dem betreffenden Element angezeigt werden. Wenn der Inhalt nicht überläuft, sind die Bildlaufleisten weiterhin sichtbar, aber deaktiviert.overflow: autoist sehr ähnlich, aber die Bildlaufleisten werden nur angezeigt, wenn der Inhalt überläuft.Es gibt eine ähnliche Erklärung dafür hier mit einigen Screenshots , den Punkt zu illustrieren.
quelle
Schauen Sie sich CSS Tricks an .
Auto zeigt genau dann eine Bildlaufleiste an, wenn der Inhalt überläuft. Beim Scrollen wird jedoch immer die Bildlaufleiste angezeigt, unabhängig davon, ob der Inhalt überläuft oder nicht.
quelle
Hinzufügen eines Punktes zur Antwort,
Overflow:autofunktioniert in IE7 nicht, wenn die Position des Containers absolut ist. Position relativer Überlauf IE7 . Aber die EinstellungOverflow:scrollfunktioniertquelle
Überlauf: Scrollen zeigt sowohl die horizontale als auch die vertikale Bildlaufleiste an, auch wenn Sie die eine oder andere nicht benötigen. while, overflow: auto zeigt die Bildlaufleiste an, die Ihr div benötigt. Im Grunde hilft Ihnen Auto dabei, beide Scollbars loszuwerden. Hier ist mehr davon:
https://css-tricks.com/the-css-overflow-property/
quelle