Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯
Die overflow-Eigenschaft in CSS wird verwendet, um zu steuern, wie Inhalte, die die Grenzen eines Elements überschreiten, angezeigt werden. Sie wird häufig verwendet, um Überlauf in Containern wie divs und anderen Blockelementen zu verwalten.
Die overflow-Eigenschaft kann mehrere Werte haben, darunter:
visible (Standard): Inhalte, die den Container überschreiten, werden außerhalb seiner Grenzen angezeigt. Dies ist das Standardverhalten.
.container {
overflow: visible;
}
hidden: Inhalte, die den Container überschreiten, werden abgeschnitten und sind nicht sichtbar.
.container {
overflow: hidden;
}
scroll: Scrollleisten werden angezeigt, damit Benutzer die Inhalte, die den Container überschreiten, scrollen und anzeigen können.
.container {
overflow: scroll;
}
auto: Scrollleisten werden nur angezeigt, wenn Inhalte den Container überschreiten. Wenn Inhalte in den Container passen, werden keine Scrollleisten angezeigt.
.container {
overflow: auto;
}
Diese Werte können sowohl auf die horizontale (overflow-x) als auch auf die vertikale (overflow-y) Achse angewendet werden, um das Scrollverhalten in jeder Richtung separat zu steuern.
Die overflow-Eigenschaft ist nützlich, um Inhalte zu verwalten, die möglicherweise nicht in einen Container mit fester Größe passen, und hilft, zu steuern, wie der Überlauf den Benutzern präsentiert oder verborgen wird.
Sprache wählen
Thema wählen
© 2025 ReadyTools. Alle Rechte vorbehalten.