CSS 清除浮动与BFC的方法

BFC

BFC：块级格式化上下文

BFC的布局规则

如何创建BFC

1、float 的值不是none 。

2、position 的值不是static 或者relative 。

3、display 的值是inline-block 、table-cell 、flex 、table-caption 或者inline-flex
4、overflow 的值不是visible

BFC的作用

1.利用BFC避免margin重叠。

2.自适应两栏布局

3.清除浮动。

清除浮动

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题。

清除浮动的方法

1. 额外标签法

在最后一个浮动标签后，新加一个标签，给其设置clear：both；(不