CSS/Eigenschaften/clear

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft clear legt fest, ob ein Blockelement sich unter floatenden Elementen einordnet oder ob es von ihnen überlagert werden darf.

Erlaubte Werte
  • left = Zwingt das Element unter vorhandene float:left-Elemente. Noch tiefer reichende float:right-Elemente können es überlagern.
  • right = Zwingt das Element unter vorhandene float:right-Elemente. Noch tiefer reichende float:left-Elemente können es noch überlagern.
  • both = Erzwingt in jedem Fall die Fortsetzung unterhalb
  • none = Lässt zu, dass Floats auf beiden Seiten das Element überlagern dürfen
Vererbung steuernde Werte inherit, initial, unset und revert
Standardwert

none

anwendbar auf

alle Block-Elemente

Vererbung

nein

animierbar

nein

Beispiel
aside {
  float: right;
  clear: right;
}
Das aside-Element wird rechts gefloatet. Dieses Float wird mit clear: right wieder aufgehoben.
Empfehlung: Zum besseren Verständnis wird das Studium des Artikels zum Box-Modell empfohlen.

Siehe auch

Weblinks