javascript - 为什么BFC可以解决margin叠加问题?
phpcn_u1582
phpcn_u1582 2017-05-19 10:25:45
0
1
693

http://jsfiddle.net/gothic/B6E8F

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

phpcn_u1582
phpcn_u1582

全部回复(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,所以自然就不会折叠了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板