清除浮动的方法

高度塌陷

当所有的子元素浮动的时候，且父元素没有设置高度，此时父元素就会产生高度塌陷

清除浮动

- 父元素定义高度
优：快速简单，代码少
劣：无法响应式布局
- 父元素定义（overflow：hidden;zoom:1）(可兼容IE6)
优：快速简单，代码少，兼容性高
劣：超出部分被影响，布局需注意
- 浮动元素后加空标签
空标签样式：

clear：both；
height：0；
overflow：hidden

优：快速简单，代码少，兼容性高
劣：增加空标签，不利于页面优化
- 父元素定义overflow：auto
优：快速简单，代码少，兼容性高
劣：内部宽度超过父元素时，会出现滚动条
-万能清除法
给塌陷的元素增加伪对象

.father :after{
	content：'随便'；
	clear：both；
	display：block；
	height：0；
	overflow：hidden；
	visibility：hidden；
}

优：写法固定，兼容性高
劣：代码多