清除浮动的8中方法

 

  1：给父级定义height 高度固定的布局

       
  2：外墙法 结尾处加空div标签 clear:both(不推荐) 缺点：过于添加多余的div

  3：父级div定义 伪类:after 和 zoom(推荐)

 
 
1
 
2
 
 
 
div2 

  4: 父级div定义 overflow:hidden 缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。 

  5:  父级div定义 overflow:auto   缺点：内部宽高超过父级div时，会出现滚动条。 

  6: 父级div 也一起浮动 float:left 缺点：会产生新的浮动问题。 

  7: 父级div定义 display:table   缺点：会产生新的未知问题。 

  8: 内墙法在第一个盒子结尾处增加一个div然后添加clear:both  建议：不推荐使用，只作了解。