一、添加空盒子

（較流行）

缺點：為清除浮動，添加的空盒子太多，新手容易暈。

方法：在浮動元素的後面（同級元素）添加一個新的div，並定義一個clear類，附給該div。

.clear{clear:both;}

二、overflow：hidden。

（較簡單，兼容與市面瀏覽器）

方法：定義clear類，並把clear類附給浮動元素的父級元素

.clear{display:block;overflow:hidden;}

三、使用偽類

（最流行、最常用、可兼容所有瀏覽器）

方法：定義clear類，使用偽類元素：after，並把clear類附給浮動元素的父級元素

.clear:after{display:block;clear:both;content:".";visibility:hidden;height:0;}

.clear{zoom:1;}

ZXJL——清除浮動負面效果的三種方式