bfc什么是bfc？bfc的全称是blockformattingcontext，是web可视化CSS渲染的一部分。我理解的bfc本质上是一个透明的盒子，我们根本看不到，但是这个盒子是独立于其他外部容器而存在的，而且这个盒子内部有bfc自己的内部渲染逻辑。bfc布局规则bfc中的元素一次从上到下排列。bfc的垂直距离由margin决定，相邻两个元素的宽度会被折叠。bfc内部元素的左边框总是和容器的左边框重合，float也不例外。bfc不会与浮动框重叠。计算bfc的高度，Floating也会被计算在BFC是页面上一个隔离的独立容器，容器里面的子元素不会影响外面的元素。反之亦然。触发bfc的条件根元素或包含根元素的元素float不是nondispaly是absolute或fixedoverflow不可见dispaly是inline-block或table-cell或table-captionBfc应用场景如果没有创建bfc则使用bfc包含float。浮动元素的父元素的高度将为0，为父元素添加一个overflow:hidden。可以将父元素设置为bfc，这样这个元素就可以包含它浮动的子元素。//html p1 p2
