CSS
HTML
COMPONENTS
CODE HUB
CSS Überlauf-Generator
Konfiguration
Typ
Wert
Klasse
Vorschau
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.
Code
Coden lernen mit Lara
Meistere Programmierkonzepte Schritt für Schritt mit deinem interaktiven KI-Tutor. Lara erklärt komplexe Logik, überprüft deine Praxisübungen und hilft dir, ein solides Fundament in der Softwareentwicklung aufzubauen.
Interaktive Programmierlektionen, angepasst an dein eigenes Tempo.
Jetzt lernen mit Lara startenCSS Überlauf-Generator
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.