例：
<html>
<head>
<style type="text/css">
* {margin:0;padding:0;}
#main {width:500px;background-color:#000;color:#FFF;}
.left {float:left;width:200px;height:200px;background-color:#900;}
.right {float:left;width:200px;height:300px;background-color:#009;}
</style>
</head>
<body>
<div id="main">
? ? <div class="left">left<div class="right">right
</body>
</html>
瀏覽器中瀏覽，發(fā)現(xiàn)定義的#main {background-color:#000;}不起作用，是因為left/right浮動了
清除浮動方法：
第一種，用.clearfix，即after偽對象清楚浮動
(這法子是一同事教的、而且?guī)缀醪淮嬖诩嫒菪詥栴}）
.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,一位仁兄（
