bfc的应用

BFC：

块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。

应用：

1，防止margin重叠。
2，多栏布局的一种方式

解决方法：

1，给元素设置display:inline-block；因为设置元素display:inline-block可以创建BFC，其内部box遵循BFC布局规则，但是同时这个元素自身不再参与BFC，所以自身不会再出现BFC布局出现的几种情况了
2，给两个相邻的两个元素中的一个用别的标签包裹起来