BFC盒模型

 Box盒模型分为block块盒，inline行盒

FC：Formating context格式化上下文

IFC：inline Formating context  行级格式化上下文

BFC：block Formating context  块级格式化上下文

在页面中显然一个部分（区域）

主要用于决定盒子的布局以及浮动（相互影响范围）的一个区域。只应用于BFC的子集元素，对产生的BFC的元素。BFC之间互不影响。

如何触发BFC

1.根元素

2.float值不为none

3.position值 为absolute或者fixd

4.display值为inline-block    table-cell   table-caption   flex    inline-flex

5.over-flow不为visfible

 

 

 

 

 

 

主要用于决定盒子的布局以及浮

动