XHTML+CSS中清除浮动的三种好方法

例：

   

left

right




浏览器中浏览，发现定义的#main {background-color:#000;}不起作用，是因为left/right浮动了
清除浮动方法：
第一种，用.clearfix，即after伪对象清楚浮动
(这法子是一同事教的、而且几乎不存在兼容性问题）

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

.clearfix {display:block;}

html[xmlns] .clearfix {display:block;}

*html .clearfix {height:1%;}

*+html .clearfix {height:1%;}

注：对于.clearfix,一位仁兄（