BFC
Block Formatting Context(块级格式化上下文)
1.每一个BFC区域只包括其子元素,不包括其子元素的子元素
2.每一个BFC区域都是独立隔绝的,互不影响。
3.触发BFC的条件
-
body根元素
-
弹性布局flex
-
position定位 absolute,fixed
-
单元格table-cell
-
行内块 inline-block
-
设置overflow 即hidden,auto,scroll
-
浮动
4.解决问题
塌陷问题等问题