8种清除浮动的方法:
- 父级div定义 height
- 父级div定义 display:table
- 父级div 也一起浮动
- 父级div定义 overflow:hidden
- 父级div定义 overflow:auto
- 父级div定义 伪类:after 和 zoom
- 结尾处加空div标签 clear:both
- 结尾处加 br标签 clear:both
after伪类清楚浮动的写法:
.clearfix:after {
content: “.” ;
display: block ;
height: 0 ;
clear: both ;
visibility: hidden ;
}