头闻号

郁南县森宇林产化工有限公司

通用有机试剂|化工中间体

首页 > 新闻中心 > 科技常识:IE7 float:left左浮动失效的解决方法
科技常识:IE7 float:left左浮动失效的解决方法
发布时间:2023-02-01 09:53:41        浏览次数:4        返回列表

今天小编跟大家讲解下有关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"">

来源:爱蒂网