IE7 float:left左浮动失效的解决方法

ttx9n · 发表于 2013-11-14 17:08:31

下面的例子中在FIREFOX和CHROME等浏览器中，b和c会左对齐显示于两排，但在IE7下却不是，下面有个不错的解决方法，感兴趣的朋友不要错过
复制代码代码如下:
<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"">

i3x3r3 · 发表于 2023-1-24 00:38:50

来看看怎么样

a75620618 · 发表于 2023-9-15 20:26:43

快更新啊，我擦

kwa3hgmjp · 发表于 2023-11-24 15:34:34

vcxvcxv

fzyzy · 发表于 2024-3-10 17:57:26

谢谢楼主分享

ajcdn008 · 发表于 2024-5-29 18:54:18

快更新啊，我擦

.l4 · 发表于 2024-6-20 18:52:06

dfdsafdsfdsfdsf

kwa3hgmjp · 发表于 2024-6-24 07:22:32

看看看看

360784533 · 发表于 2024-7-1 14:05:31

8888888888888888

64000928 · 发表于 2024-9-5 21:54:29

还有什么好东西没

账号		自动登录	找回密码
密码			立即注册

[CSS] IE7 float:left左浮动失效的解决方法

相关帖子