清除浮动带来的影响

• 给父级元素设置一个高度
  • 不管子级元素是否有内容，父元素的高度都是一定的
• 给父级元素设置一个CSS属性overflow:hidden;
  • 子元素设置浮动后，脱离文档流，给父元素设置overflow:hidden;，把子元素拉回文档流内
• 在所有设置浮动的元素后加这句话<div style="clear: both;"></div>
• 利用伪元素来清楚浮动带来的影响–常用清除浮动的方法

在项目中，给子元素设置float，必须给父元素设置清除浮动到来的影响.clear(挨着子元素最近的那个父级元素清除浮动)

.clear:after{
     display:block;
     content:"";
     clear:both;
}
<!--兼容低版本浏览器-->
.clear{
	*zoom:1;
}