清除浮动(Clearing)--使用:after

特点：不需要另外加个清除DIV.

:after（伪对象）--设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。

CSS

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

设display:block;应用到:after 元素，因为display的默认值是"inline", 不能收到clear的特性，同时将清除容器的高度设为零，height: 0；，可见度为隐藏

这是没有清除过浮动的．非Ie浏览器看不到wrap的背景和边框．

这是清除过浮动的．非Ie 浏览器看到wrap的背景和边框．

更多介绍