bfc模型笔记

BFC（全称：block formatting context）

触发BFC的条件：

1：float（除float：none以外）；

2：overflow（除overflow：visible以外）；

3：diplay属性设置；

4：position属性设置；

5：fieldset使用

应用BFC

1：解决margin叠加问题

2：清除浮动

3：布局问题

总结：触发BFC的元素会变成一个独立的盒子，既不影响外部的元素，也不受外部元素的影响