CSS/Eigenschaften/clear

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: Heute gibt es bessere Alternativen mit display:flex und flex-root.
Ein Einsatz von float und clear ist heute nicht mehr nötig.

Siehe auch

• CSS/Tutorials/Ausrichtung/float und clear

Weblinks

• Spezifikation (W3C): clear property