清除浮动的几种方式

1. 父级div增加height
2. 在结尾处添加空div标签 clear:both

• 原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 clear：both 清除浮动， 让父级 div 能自动获取到高度 ，如果页面浮动布局多，就要增加很多空 div，让人感觉很 不好 .
  3. 父级 div 定义 伪类：after 和 zoom
  /清除浮动代码/

 .clearfix：after{
   content：""；
   display：block；
   visibility：hidden；
   height：0；
   line-height：0；
   clear：both；
   }
   .clearfix{zoom：1}

4.给父元素div添加 overflow:hidden

超出部分被隐藏

5.双伪元素

clearfix：before，.clearfix：after {
content： ""；
display： block；
clear：both；
}
.clearfix {
zoom： 1；}