什么是BFC?
-
BFC:块级格式化上下文
-
特征:
1.每一个BFC只包含其子元素(不包含子元素的子元素)
2.每一个BFC都是独立的一个区域互不影响 -
触发BFC
1.body元素
2.浮动
3.定位 例如fixed或者absolute
4.行内块显示模式:inline-block
5.设置overflow,即hidden,auto,scroll
6.flex布局
7.表格单元格,table-cel -
利用BFC解决问题
1.解决外边距塌陷
2.利用BFC解决包含塌陷
3.当浮动产生影响的时候,可以利用BFC来清除浮动的影响
4.BFC可以阻止标准流元素被浮动元素覆盖