XHTML：
<divclass="wrap"><divclass="div1">div1，浮动</div><divclass="div2"><pclass="div2p">div2内p1</p> <pclass="div2p">div2内p2</p> <pclass="div2p3">div2内p3，不浮动</p></div><divclass="div3">div3，不浮动</div></div>
提示：截图是Firefox2.0（以下简称FF）中的效果，如无特殊声明，则表示在WindowsIE7.0（以下简称IE）、Opera9.2（以下简称Op）、Safari3.0（以下简称Sa）中效果相同。
图1：浮动元素与子元素浮动的元素
如果对.div2p增加CSS：
.div2p{…}{
……clear:left;
}
由于“clear:left”含义为：不允许本元素左边有浮动框，而div1也是浮动元素，因此，p1和p2下移到了div1的下面，如图2所示。
图2：不浮动的元素内的浮动子元素设定“clear:left”后的效果
而在IE中，整个div2都将下移到div1下，如图3所示。
图3：不浮动的元素内的浮动子元素设定“clear:left”后IE的显示
由图3可以发现，虽然在图1中IE正确地显示了溢出的元素，但是，对于出发了layout的wrap，IE仍旧会扩展最外层的高度，以容纳浮动元素。
