javascript - 为什么BFC可以解决margin叠加问题？

Question

http://jsfiddle.net/gothic/B6E8F

不是说两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠，那么这个例子违反了哪个条件？

Answer 1

w3.org关于margin合并的规范说明

Two margins are adjoining if and only if:

• both belong to in-flow block-level boxes that participate in the same block formatting context

• no line boxes, no clearance, no padding and no border separate them

• ...

margin要从属于相同的BFC中的块级盒子，overflow: hidden 创建了一个新的 BFC，所以自然就不会折叠了。