Randinfarkt... (collapsing margins)

[Rolf B]

Hallo Matthias,

meine konkrete Verwunderung:

<div style="float:left; margin-bottom:100px">I am the X</div>
<div style="clear:both; margin-top: 100px">And solving for Y</div>

Die Margins fallen zusammen. Aber bei Float sollen sie das doch nicht.

Weitere Spielereien: https://jsfiddle.net/Rolf_b/9u0b7xeg/

(2) ist das obige. Für (3) behauptet das Wiki, dass sie nicht zusammenfallen sollten. (1), (4) und (5) ist klar, wobei (4) grenzwertig ist. Die Spec macht's aber klar: BLFs sperren Margins nur für Kindelemente ein.

Rolf