BFC 学习笔记

1、定义

BFC:块级上下文

2、特点

1.每一个BFC区域只包括其子元素，不包括其子元素的子元素。
2.每一个BFC区域都是独立隔绝的,互不影响

3、触发BFC条件

1、body根元素

2、设置浮动，不包括none

3、设置定位，absoulte或者fixed

4、行内块显示模式，inline-block

5、设置overflow，即hidden，auto，scroll

6、表格单元格，table-cell

7、弹性布局，flex

4、利用BFC解决问题

1、解决外边距垂直塌陷的问题
2、解决父子盒子包含塌陷的问题
3、清除浮动带来的影响