显示效果如图8所示。(IE不支持,不用试了。==b)
图8:使用:after清除浮动

可以看到div2内的p3没有清除浮动,位置仍在div2的顶端。
增加div2的左边距,显示如图9所示。

.div2{…}{
margin-left:120px;
}
图9:增加div2的左边距

由此可见使用:after清除浮动,不适合于浮动元素后面还有不浮动元素的情况。
闭合浮动元素方法3
尝试方法3,使用overflow属性:

.div2{…}{
overflow:auto;
height:100%;/**//*针对ie6*/
}
此时,最热闹的情况出现了:
图10:FF的效果

图11:Op和Sa的效果

图12:IE的效果(注:如果用IE6,效果也不一样,==|||)

首先,div2的宽度收缩到div1的右边了,也许这正好是期望的结果?
更热闹的在后面,增加div2的margin-left:

.div2{…}{
margin-left:120px;
}
图13:FF的效果










