今天小编跟大家讲解下有关IE7 float:left左浮动失效的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关IE7 float:left左浮动失效的解决方法 的相关资料,希望小伙伴们看了有所帮助。
复制代码代码如下: <div id="a"style="width:500px"> <div id="b"style="width:300px;float:left"> </div> <div id="c"style="float:left"> </div> </div> 情景代码如上。 在FIREFOX和CHROME等浏览器中 b和c会左对齐显示于两排 但在IE7下却不是。 在IE7下 b和c会显示在同一排 并且c会比b稍微低一点。 解决这个bug的方法是在IE7下给c设置固定宽度 并且宽度要大于 a - c 的宽度。 复制代码代码如下: <div id="c"style="float:left;*width="210"">来源:爱蒂网