浮动的设置与清除

浮动是为了页面更好的排版

（仅限块状元素和行内块元素）

其中分为向左浮动和向右浮动；

1、float：left 向左浮动；

2、float：right 向右浮动；

但浮动后，可能会对接下来的内容产生影响，所以我们需要清除浮动带来的影响，所以就用到了清除浮动；

1、额外标签法：

在浮动过的盒子后加上空盒子
<divstyle=”clear:both”></div>

优点：通俗易懂，书写方便

缺点：添加无意义的标签，结构化语义化较差

2、父级添加overflow属性方法

可以给父级标签加 ：overflow为hidden、auto、scroll都可以实现。

3、双伪元素清除浮动

父标签：after，父标签：before{

content：“”；

display：block；

clear：both；

}