CSS clear – umfließende float Elemente aufheben

Mit CSS float kann ein Umfließen gewährleistet werden. Damit können Elemente links oder rechts ausgerichtet werden. Inline-Elemente wie auch Text umfließen diese dann.
Mit der CSS Eigenschaft clear kann das umfließen, also das float, aufgehoben werden.

Beschreibung und Syntax zu CSS clear

div{
clear: left;
}
 
div{
clear: right;
}
 
div{
clear: both;
}
 
div{
clear: none;
}

Erläuterung der Eigenschaften

clear left
Die Elemente, die zuvor float: left erhalten haben, werden nun beendet. Nachfolgende Elemente, sowie im Beispiel unser “div" liegt nun im normalen Textfluss.

clear right
Rechts gefloatede Elemente werden beendet, es geht normal weiter.

clear both
Beide float-Eigenschaften werden wieder aufgehoben. Anwendung findet dies Beispielsweise im Webdesign, wenn das Content-Element float:left , das Menü float:right erhalten haben. Dann wird für den Footer deas clear:both benötigt.

clear none
Umfluss nicht beenden. Initialwert, wird sonst i.d.R. nicht benötigt.

Informationen und Werte zu CSS clear

Vererbbar: Nein
Initialwert: none
Werte: left, right, both, none