CSS-Layout - Overflow
Die CSS-Eigenschaft overflow wird verwendet, um zu steuern, wie Inhalte angezeigt werden, wenn sie die Elementbox überlaufen.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
Der Textinhalt hier kann gescrollt werden, und die Bildlaufrichtung ist vertikal.
CSS Overflow
Die CSS-Eigenschaft overflow kann das Hinzufügen einer Bildlaufleiste im entsprechenden Elementbereich steuern, wenn der Inhalt die Elementbox überläuft.
Die Eigenschaft overflow hat die folgenden Werte:
| Wert | Beschreibung |
|---|---|
| visible | Standardwert. Der Inhalt wird nicht beschnitten und außerhalb der Elementbox gerendert. |
| hidden | Der Inhalt wird beschnitten, und der Rest des Inhalts ist unsichtbar. |
| scroll | Der Inhalt wird abgeschnitten, aber der Browser zeigt eine Bildlaufleiste an, um den Rest des Inhalts anzuzeigen. |
| auto | Wenn der Inhalt abgeschnitten wird, zeigt der Browser eine Bildlaufleiste an, um den Rest des Inhalts anzuzeigen. |
| inherit | Gibt an, dass der Wert der overflow-Eigenschaft vom übergeordneten Element geerbt werden soll. |
Hinweis:Die overflow-Eigenschaft funktioniert nur bei Blockelementen mit einer angegebenen Höhe.
Hinweis:Unter OS X Lion (Mac-System) sind Bildlaufleisten standardmäßig ausgeblendet und erscheinen nur bei Verwendung (dasselbe gilt für die Einstellung "overflow:scroll").
overflow: visible
Standardmäßig ist der Wert von overflow visible, was bedeutet, dass der Inhalt die Elementbox überläuft:
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Der Textinhalt hier wird die Elementbox überlaufen.
Beispiel
Selbst ausprobieren »