float作用

浮动作用：

1.为了让标签并排

2.转换行级标签成块级标签，使其可以吸收宽高。

不好的影响

脱离文档流，对其后紧跟标签产生影响（覆盖其后元素）

清除方法

1.给其后元素也加浮动。（如果使用浮动的父级元素没有设宽高，则不能撑开其父级宽高。）

2.在用完浮动的最后一个标签后面加一个标签，给他设置属性为clear：both；但会增加代码量。（如果使用浮动的父级元素没有设宽高，，则不能撑开父级宽高。）

3.用伪类选择器，给父类元素加：---------推荐使用

.shang:after{
		content:"";
		display: block;
		clear: both;
	}

4.给父元素增加overflow：hidden;(溢出隐藏)