CSS 清除浮動

方法一：

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

.cl { zoom: 1; /* for IE6 IE7 */ }

方法二：

1. .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px; overflow:hidden;}

好處 ：兼容性好不會出現奇怪的錯位

缺點：在IE6 和IE7下父元素必須設置寬度才能夠起做用

方法三：

2. .clear1 {overflow:auto;zoom:1;}

好處：代碼簡潔隨用隨拿，信手拈來。

缺點：容易出現奇怪的滾動框（很容易的哦~~！

方法四：

.clear{clear:both;height:0px;overflow:hidden;}

網易方案：

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

新浪方案：

.clearit {clear: both;}

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

.clearfix {display: inline-block;}

雅虎方案：

.y-tablist { position: relative;}

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