Randinfarkt... (collapsing margins)

[Matthias Scharwies]

Servus!

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.

Stimmt, komisch!

Hier mein Beispiel 2: Test-Wiki

Evtl. sollten wir nicht alle Fälle erschöpfend behandeln. MDN ist da auch eher kurz.

1. Ein pixelgenaues Layout ist zu vermeiden - Inhalte wandern nach unten!
2. Bei Flexbox, Grid etc. spielt das eh keine Rolle!
3. Wenn die Elemente padding oder border haben, auch nicht!

Bis heute Abend!

Herzliche Grüße

Matthias Scharwies