css中一些兼容性问题和技巧.docxVIP

一、设置float： left时父元素height不能自适应的兼容问题 代码： style type=utext/css #box{ width:800px; border:5px #333333 solid;) #left{ width:360px; background:#FF0000;height:250px; float:left;} #right{ float:left; width:360px; background:#0000FF;height:250px;} /style body div id=nboxH div id=,,left,,x/div div id=rightMx/div /div /body (1)在IE6和IE7中显示如下： (2)在IE8和IE9中显示如下: g〃U7.0.0. lAxbd/oiJM ⑶在firefox和opera中显示如下: 解决办法：在父元素中添加overflow： hidden 代码如下： style type=Htext/cssH #box{ width:800px; border:5px #333333 solid;overflow;hidden) #left{ \vidth:360px; background:#FF0000;height:250px; float:left;} #right{float:left;