- aktualisiert:
- 25.11.2011
- erstellt:
- 07.02.2007
floats umschließen: clear
Gefloatete Elemente werden vom umgebenden Element eingeschlossen, wenn durch ein clear innerhalb des umgebenden Elements der Dokumentfluss wiederhergestellt wird.
<div style="border:1px solid red; padding:10px;"><p style="float:left; width:150px; margin:5px;>Erster Textabsatz …</p><p>Zweiter Textabsatz …</p><div style="clear:left;"> </div></div>
Erster Textabsatz mit float:left, einer Breite von 150px und einem margin:5px;.
Zweiter Textabsatz ohne float und ohne clear. Die Inhalte umfließen das gefloatete Element.
Als Clear-Element kommt jedes Element in Frage; da clear nur bei Blockelementen wirksam ist, muss bei Bedarf display:block fürs Clear-Element gesetzt werden.
In einigen Browsern wird ein leeres Element für clear nicht berücksichtigt; es wird daher in diesem Beispiel ein ins clear-Div eingefügt.