molily: Collapsing Margins Strategie

Beitrag lesen

Hallo,

ich habe eigentlich nie große Probleme mit Collapsing Margins, sondern mit sich addierenden Margins. Solange Margins collapsen, ist alles in Ordnung, solange man konsistente Abstände und wiederkehrende Strukturen hat.

Generell lege ich Regeln fest wie: Alle Low-Level- und High-Level-Komponenten haben vertikale Margins, am besten nur margin-bottom.

Das führt dann aber zu doppelten Margins, wenn Floats und andere Block Formatting Contexts das Zusammenfallen von Margins verhindern. Beispiel:

http://codepen.io/molily/pen/oEwnm?editors=110

Hier musste ich zwei Regeln anwenden, um die Margins für die letzten Elemente wieder auszuschalten. Das ist nicht robust und skalierbar, weil ich tief in die Komponenten hineingehen muss bzw. wilde Kombinationen und Reihenfolgen annehmen muss. Auf einer wirklichen Seite gibt es dutzende mögliche Komponenten dieser Art und viele Arten, wie deren Inhalt aufgebaut sein kann.

Mathias