Beispielseite

Diese Box hat keinen unteren Abstand [margin-bottom], sodaß der Float zwischen den beiden Blockelementen genau am unteren Ende dieser Box klebt.

Dieser Float befindet sich im Quellcode zwischen den Blockelementen. Es beginnt genau dort, wo auch ein Blockelement beginnen würde, nimmt aber nicht dessen Platz ein.

Sehen Sie, wie dieser eingebettete Float sich innerhalb der inneren Auffüllung (padding) und des Rahmens (border) befindet ? Das ist bei eingebetten Floats so.

Diese Box hat einen 10px großen Außenabstand nach oben [margin-top], welcher die beiden Boxen auseinanderhält. Hätte die obere Box den 10px Abstand nach unten und diese Box keinen Außenabstand nach oben, würde der linke Float mit dieser Box oben abschliessen.