清楚浮动四种常用方法

清楚浮动是为了解决子元素浮动后父元素高度塌陷问题，清楚浮动后，父元素的高度就会恢复在页面原有的高度，而非0

• 空标签
  在浮动元素的末尾加一个空的标签

.clear{
  clear:both
}

• overflow:hidden
  给父标签加 overflow:hidden 属性
  通过触发BFC方式，实现清除浮动
• 伪元素
  使用after伪元素清除浮动

.clear:after{
    content:'';
    height:0；
    display:block;
	clear:both;
	visibility:hidden;
}
.clear{
	zoom:1 /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

• 使用before和after双伪元素清除浮动

.clear:before,.clear:after{
	content:'';
	display:table
}
.clear:after{
	clear:both
}
.clear{
	zoom:1
}