Overflow ist die Eigenschaft, die bestimmt, was geschieht, wenn der Inhalt nicht in die Box passt.
- Overflow
Eigenschaft, die bestimmt, wie mit Inhalt umgegangen wird, der nicht in seine Box passt.
Beispiel: „Ohne Angabe läuft der Overflow sichtbar über den Rand hinaus.“
Die Werte
visible lässt den Inhalt über den Rand laufen, hidden schneidet ab, scroll zeigt immer Leisten, auto nur bei Bedarf. Waagerecht und senkrecht lassen sich getrennt einstellen.
Die Nebenwirkungen
Ein overflow ungleich visible erzeugt einen eigenen Scrollbereich. Das hat Folgen: position: sticky funktioniert innerhalb davon nicht mehr wie erwartet, und per Tastatur muss der Bereich erreichbar bleiben, sonst ist abgeschnittener Inhalt unerreichbar.
Besonders hidden wird gern benutzt, um ein Layoutproblem zu verdecken. Der Inhalt ist dann weg, ohne dass jemand es merkt. Wer es setzt, sollte wissen, was überläuft und warum.