共计 569 个字符，预计需要花费 2 分钟才能阅读完成。
清除浮动方法
原理：IE8 以上和非 IE 浏览器才支持:after,zoom（IE 专有属性）可解决 IE6,IE7 的浮动问题优点：浏览器支持性好，不容易出现怪问题，目前腾讯网易等大型网站使用此方法缺点：代码多建议：推荐使用，建议定义公共类，减少 CSS 代码
<style type=”text/css”>
.div1{
background:#000080;
}
.div2{
background:#800080;
height:100px;
}
.left{
float:left;
width:20%;
height:200px;
background:#dddddd;
}
.right{
float:right;
width:30%;
height:200px;
background:200px;
}
.clearfloat{
zoom:1;
}
.clearfloat:after{
display:block;
clear:both;
content:””;
visibility:hidden;
height:0;
}
</style>
<body>
<div class=”div1 clearfloat”>
<div class=”left”>left</div>
<div class=”right”>right</div>
</div>
<div class=”div2″>
div2
</div>
</body>