CSS:闭合元素和浮动元素的差别

2019-03-14 23:27:51刘景俊
.div2{...}{
overflow:auto;
height:100%;/**//*针对ie6*/
}
此时,最热闹的情况出现了:
图10:FF的效果
/web/css/format/clearFloat/clearFloat_10.gif
图11:Op和Sa的效果
/web/css/format/clearFloat/clearFloat_11.gif
图12:IE的效果(注:如果用IE6,效果也不一样,==|||)
/web/css/format/clearFloat/clearFloat_12.gif
首先,div2的宽度收缩到div1的右边了,也许这正好是期望的结果?
更热闹的在后面,增加div2的margin-left:
.div2{...}{
margin-left:120px;