- aktualisiert:
- 25.11.2011
- erstellt:
- 07.02.2007
Eingeschlossene floats
Float nimmt ein Element aus dem normalen Fluss heraus. Nachfolgende Boxen verhalten sich, als wäre das Float-Element nicht vorhanden; lediglich die Inhalte weichen der Float-Box aus.
Auch für umgebende Elemente sind gefloatete Elemente »nicht existent«; sie werden daher nicht vom umgebenden Element umschlossen, sondern ragen aus diesem heraus.
<div style="border:1px solid red; padding:10px;"><p style="float:left; width:150px; margin:5px;>Erster Textabsatz …</p><p>Zweiter Textabsatz …</p></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.