浮动的影响

1. 浮动会使当前标签脱离文档流，产生上浮的效果。
2. 影响父级元素的位置和width，height属性。
3. 遮挡下方标准文档流的元素。

清除浮动的影响

1. 父级div手动定义height
2. 给最后一个浮动元素的增加一个结尾的兄弟元素，写成空的div标签，并写上样式clear:both
3. 父级div定义 伪类:after 和 zoom

.clearfix:after {
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0
}
.clearfix{
  zoom:1
}

4. 父级div定义 overflow:hidden