一、BFC概念BFC即BlockFormattingContexts（块级格式化上下文），它是页面中的一个渲染区域，有一套渲染规则，决定了它的child如何元素将被定位。以及与其他元素的关系和交互。具有BFC特性的元素可以看作是隔离的独立容器。容器内部的元素在布局时不会影响外部元素，BFC具有一些普通容器不具备的特性。通俗地说，BFC可以理解为一个封闭的大盒子，盒子里面的元素再大也不会影响到外面。2.触发BFC特性只要元素满足以下任一条件即可触发：body根元素浮动元素：非none的float值绝对定位元素：position(absolute,fixed)displayisinline-block,table-cells,flexoverflowexceptValuesexceptvisible(hidden,auto,scroll)3.BFC特点及应用1.同一个BFC的下边距会重叠。代码如下
