English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Grund教程

CSS Box-Modell

CSS3Grund教程

CSS Referenzhandbuch

CSS @Regeln (RULES)

CSSÜberlauf(Uberlauf)

Die Überlaufeigenschaft definiert das Verhalten, das auftritt, wenn der Inhalt des Elements den Rahmen übersteigt (nicht in den Rahmen passt).

Überlaufenden Inhalt verarbeiten

Der Inhalt des Elements kann größer als die Größe des Rahmens selbst sein. Zum Beispiel erlauben die gegebenen width- und height-Eigenschaften nicht genügend Platz für den Inhalt des Elements.

CSS Überlaufeigenschaft, die es Ihnen ermöglicht, zu bestimmen, ob der Inhalt geschnitten, eine Rollleiste gerendert oder angezeigt wirdBlockelementÜberlaufender Inhalt des Elements.

Diese Eigenschaft kann einen der folgenden Werte haben: visible (Standard), hidden, scroll und auto. CSS3definiert auchoverflow-xundoverflow-yEigenschaften, um eine unabhängige Kontrolle der vertikalen und horizontalen Abschneidung zu ermöglichen.

div {
    width: 250px;
    height: 150px;
    overflow: scroll;
}
Testen Sie es heraus‹/›
WertBeschreibung
visibleStandardwert. Der Inhalt wird nicht abgeschnitten; er wird außerhalb des Rahmens des Elements gerendert und könnte mit anderen Inhalten überlappen.
hiddenDer Inhalt des überlaufenden Elements wird abgeschnitten, der Rest ist nicht sichtbar.
scrollÜberlaufender Inhalt wird wie versteckt abgeschnitten, aber es wird ein Rollmechanismus bereitgestellt, um den überlaufenden Inhalt zu erreichen.
autoWenn der Inhalt des Elements den Rahmen übersteigt, wird automatisch eine Rollleiste bereitgestellt, um den verbleibenden Inhalt anzuzeigen, andernfalls wird keine Rollleiste angezeigt.