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.
• inline-start (Logische Richtungsangaben)
• inline-end
• 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

img {
  float: right;
  clear: right;
}

Das img-Element wird rechts gefloatet. Dieses Float wird mit clear: right wieder aufgehoben.

Siehe auch

• 

  Textumfluss mit float und clear
  • Positionierung mit float
  • clearfix
   

Weblinks

• Spezifikation (CSSWG): clear property
• CSSWG: # float-clear (CSS Logical Properties and Values Module Level 1)
• MDN: clear