CSS2.1:8.3.1 Collapsing Margins ist ein Grundkonzept in CSS.
Zitat:
Two or more adjoining vertical margins of block boxes in the normal flow collapse. The resulting margin width is the maximum of the adjoining margin widths.
|
Will in deinem Fall einfach sagen, dass der top-margin der h2 erst über der Oberkante des div.pg auftaucht.
Nicht im IE. Dort
verhindert haslayout das margin-collapsing. Deswegen etabliert sich der margin-top der h2 innerhalb von div.pg
In normalen Browsern würde man in einem solchen Fall von einem Vorgang des
uncollapsing margins sprechen. Dazu reicht eine border oder ein winziges Stück Padding, um dieses Kollabieren zu verhindern.
Statt von "Kollabieren" kann man vielleicht besser von einem "Zusammenfallen" sprechen.
Margins von Floats kollabieren auch nie, solche von absolut positionierten Elementen, von Overflows, von Tabellen ... alles, was einen
neuen Block Formatting Context erzeugt, zeigt kein margin collapsing.
Mit a.p. meinte ich etwas lax: absolut positioniert.