“不起眼”的BFCBFC以前可能没听说过，但稍微接触过前端的人都知道css有点坑！！！！今天想和大家分享一下我个人对BFC的一个理解，如有不足或误解，希望大家指出，哈哈，万分感谢。喜欢的话不妨点个赞。*1.BFC的定义：***BFC**(**Blockfomattingcontext**):是一个独立的渲染区域，只有块级元素参与，规定了内部块级元素如何布局，并相互连接与该区域的外部无关。*2.BFC创建：overflow的值不是visiblefloat，noneposition的值不是staticdisplay，值是inline-block,table-cell,table-caption（因为table默认会生成一个匿名的table-cell，而table-单元格将生成BFC)*3。BFC应用元素垂直上下重叠（margin值大会覆盖小值，不是两个值之和）。boxp{margin:10px0;background-color:yellow;}.boxp:nth-child(1){margin-bottom:25px;}效果如下：解决方法： Loremipsumdolorsit. Loremipsumdolorsit.
