<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仍旧会扩展最外层的高度，以容纳浮动元素。
闭合浮动元素方法1
此时，div2的高度只包括其内未浮动元素的高度，因此使用第1种方法闭合浮动元素，为浮动元素后面的元素p3设定clear属性：
