BFC应用

块级格式化上下文浮动绝对定位元素行内块元素overflow 属性值不为 visible 的元素最常见的是:竖直margin创建一个块级格式化上下文

BFC中盒子的对齐

BFC应用

清除浮动

其原理：当在父元素中设置overflow:hidden时就会触发BFC，所以他内部的元素就不会影响外面的布局，BFC就把浮动的子元素高度当做了自己内部的高度去处理溢出，所以外面看起来是清除了浮动。