Pourquoi BFC peut-il résoudre le problème de superposition de marge ?

Question

http://jsfiddle.net/gothic/B6E8F

Cela ne signifie pas que les marges verticales de deux éléments de bloc adjacents ou plus dans un flux normal s'effondreront. Alors, quelle condition cet exemple viole-t-il ?

Answer 1

Spécification w3.org sur la fusion des marges

Deux marges sont adjacentes si et seulement si :

• les deux appartiennent à des boîtes de niveau bloc entrant qui participent dans le même contexte de formatage de bloc

• aucune case de ligne, aucun dégagement, aucun rembourrage et aucune bordure ne les séparent

• ...

La marge doit appartenir à la boîte au niveau du bloc dans le même BFC, overflow: hidden Un nouveau BFC est créé, il ne s'effondrera donc pas naturellement.