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,一位仁兄(

你可能感兴趣的:(XHTML+CSS中清除浮动的三种好方法)