清除浮动的多种方法

1. 结尾处加空标签<div>clear:both;

原理：添加一个空div，利用css提高的clear:both清除浮动，

2. 父级div定义 overflow:hidden

原理：必须定义width或zoom:1，同时不能定义长度，使用overflow:hidden时，浏览器会自动检查浮动区域的高度 .

3. 父级div定义overflow:auto;

原理：必须定义width或zoom:1，同时不能定义长度，使用overflow:auto时，浏览器会自动检查浮动区域的高度 .

4. 父级div一起浮动

原理：所有代码一起浮动，就变成了一个整体 .

5. 父级定义display:table;

原理：将div属性变成表格。

6. 结尾处加 br标签 clear:both

原理：父级div定义zoom:1来解决IE浮动问题，结尾处加 br标签 clear:both .

~如果你好奇zoom是啥意思的话：zoom介绍 ~

zoom取值：

1. 使用对象的实际尺寸。
2. 用浮点数来定义缩放比例。不允许负值。
3. 用百分比来定义缩放比例。不允许负值

说明：

设置或检索对象的缩放比例。

对应的脚本特性为zoom**。