Beispielseite

Dieser linke Float steht vor beiden Blockelementen. Wie gewöhnlich überlappt er die folgenden Block-Elemente.

Dieses Block-Element ist eine normale, statische Block-Box, die keine float-spezifischen Eigenschaften besitzt.

Dieser rechte Float ist in der unteren Box eingebettet. Deshalb ficht ihn die Eigenschaft clear: both; nicht an.

Diese Box ist genau wie die obere Block-Box, mit einer Ausnahme: sie hat die Eigenschaft clear: both;. Der obere Aussenabstand (margin-top) wird so weit gedehnt, wie es nötig ist, um unter den unteren Rand des vorgehenden Floats zu gelangen.