CSS/Eigenschaften/clear

Die Eigenschaft clear legt fest, ob ein Blockelement nur von nach links floatenden, nur von nach rechts floatenden oder von keinen floatenden Elementen verdeckt werden darf.

erlaubte Werte	left = Erzwingt bei float:left die Fortsetzung unterhalb right = Erzwingt bei float:right die Fortsetzung unterhalb both = Erzwingt in jedem Fall die Fortsetzung unterhalb none = Erzwingt keine Fortsetzung unterhalb (Normaleinstellung) inherit = erbt den clear-Wert des Elternelements Vererbung steuernde Werte inherit, initial, unset und revert Defaultwert: none
anwendbar auf	alle Block-Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
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.

Weblinks

• Spezifikation (W3C): clear property

Siehe auch

• CSS/Tutorials/Ausrichtung/float und clear