第一，为什么会出现浮动

浮动定位将元素排除到普通流之外，例如脱离文档流，不占据空间。

第二，为什么要清除浮动

1，父元素的高度无法被撑开，影响父元素同级的元素，

2，与浮动元素同级的非浮动元素，影响页面结构

第三，清除浮动的方法

1，添加样式：

.clearfix:after{
	content: "";
  	display: block;
  	height: 0;
  	visibility: hidden;
  	clear: both;
}
 .clearfix {
  	zoom: 1; /**为了兼容IE **/
  }

2.给父元素设置overflow:hidden;或者overflow:auto