BFC在css中的用法BFC(BlockFormattingContexts)，BFC可以理解为一个封闭的大盒子，容器里面的子元素不会影响外面的元素。规则1.内框将在垂直方向上一个接一个地放置。2、BFC在页面上是一个隔离独立的容器，容器内的子元素不会影响外面的元素。3.属于同一个BFC的两个相邻BOx的上下边距会重叠。4.BFC计算高度时，浮动元素也参与计算5.每个元素的左侧与包含框的左侧接触，即使有浮动；6.BFC的区域不会和float重叠；哪些元素会触发BFC1.body根元素2.Floating元素：属性值其中float不是none；3.绝对定位元素：position(absolute,fixed)4.显示：inline-block,table-cell,flex5.overflow可见以外的值(hidden,auto,Scroll)BFC的应用1.解决margin问题overlap2.解决浮动高度塌陷问题3.解决侵占浮动元素问题例：1.margin重叠问题我们先定义两个垂直div
