BFC 全称为 块格式化上下文 (Block Formatting Context) 。
这里是引用
BFC 特性(功能)
使 BFC 内部浮动元素不会到处乱跑;
和浮动元素产生边界。
在正常的文档流中,块级元素是按照从上自下,内联元素从左到右的顺序排列的。
他是一个独立的布局环境,我们可以理解为一个箱子,箱子里面物品的摆放是不受外界的影响的,转换为BFC的理解则是:BFC中的元素布局是不受外界的影响,我们往往利用这个特性来消除浮动元素对其他非浮动元素的兄弟元素和其子元素带来的影响,在一个 BFC中,块盒与行盒(行盒都会由一行中所有的内联元素组成)都会垂直的沿着其父元素的边框排列。