一、BFCBlockFormattingContexts（BFC，块级格式化上下文）的理解是一个块级元素的渲染和显示规则（BFC可以理解为一个封闭的大盒子，容器内的子元素不会影响容器外的元素）2.如何触发BFC只要元素满足以下任一条件，就可以触发BFC特点：body根元素；floating元素：float不为none的属性值；absolute定位元素：position(absolute,fixed)显示为：inline-block,table-cell,flexoverflowvisible以外的值(hidden,auto,scroll)3.BFC的布局规则内部的boxes会一个一个的放置一个在垂直方向；BFC是页面上一个隔离的、独立的容器。容器内的子元素不会影响容器外的元素，反之亦然。属于同一个BFC的两个相邻Boxes的上下外边距会重叠；在计算BFC的高度时，float元素也参与计算每个元素的左侧，触及包含框的左侧，即使有浮动；BFC的区域不会和float重叠；BFC的应用1.解决margin重叠问题例子：
1
2