优秀程序员Web前端培训分享HTMLCSS学习笔记BFC，BFC（Blockformattingcontext）直译为“块格式化上下文”。它是一个独立的渲染区域，只有Block-levelbox（块）参与，它规定了内部Block-levelBox如何布局，与该区域外部无关。BFC的布局规则1.内部的Boxes会在垂直方向上依次放置。2.Box的垂直距离由margin决定。属于同一个BFC的两个相邻框的边距会重叠（根据最大边距值设置）3.每个元素的边距框的左侧与包含块边框框的左侧接触4.BFC的区域不会与浮动框重叠。5、BFC在页面上是一个隔离独立的容器，容器内的子元素不会影响外面的元素。6.计算BFC高度时，浮动元素也参与计算哪些元素或属性可以触发BFC根元素（html）float属性不是none，position是absolute还是fixed显示是inline-block，table-cell，table-caption,flex,inline-flexoverflow不是visibleBFC的应用1.自适应两列布局2.清除内部浮动3.防止边距上下重叠
