首页 > 为什么给子元素创建了overflowhidden,他的margin会和父元素合并?

为什么给子元素创建了overflowhidden,他的margin会和父元素合并?

http://jsfiddle.net/xkLszzLg/embedded/result,css,html


因为overflow 使用除了 visible 以外的值(hidden,auto,scroll)会触发BFC。
什么是BFC?
Block Formatting Contexts (块级格式化上下文)
具有 BFC 的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器没有的一些特性,例如可以包含浮动元素,上文中的第二类清除浮动的方法(如 overflow 方法)就是触发了浮动元素的父元素的 BFC ,使到它可以包含浮动元素,从而防止出现高度塌陷的问题。

【热门文章】
【热门文章】