什么是BFC?
BFC全称是Block Formatting Context，意思就是块级格式化上下文。你可以把BFC看做一个容器，容器里边的元素不会影响到容器外部的元素。（块级元素才能触发BFC）
BFC有什么特性？
BFC是一个块级元素，块级元素在垂直方向上依次排列。
BFC是一个独立的容器，内部元素不会影响容器外部的元素。
属于同一个BFC的两个盒子，外边距margin会发生重叠，并且取最大外边距。
触发BFC的方式
1.根元素
2.浮动 float:left/right;
3.固定或绝对定位 position:absolute/fixed;
4.overflow不为visible overflow:hidden/auto;
5.display:为表格布局或者弹性布局 display:inline-block/table-cell/table-caption/flex/inline-flex;
网友评论