IE Bug--浮动对象外补丁的双倍距离的解决方法

ttx9n · 发表于 2007-1-29 00:00:00

The IE Doubled Float-Margin Bug  IEBug--浮动对象外补丁的双倍距离

先看以下代码：

#box{
    background: ThreedFace;
    width: 500px;
    height: 400px;
}

#box1{
    float: left;
    background: #F2F2F2;
    width: 300px;
    height: 200px;
    margin-left: 50px;
}

Box在外面，Box1在里面，但在IE浏览器中Box1离左边的距离会是100px,而实际距离应是50px，演示。

解决的方法是，在box1的代码中加入：display: inline;，可使浮动被忽略，IE中不至于产生双倍距离，演示，更详细资料，可看这里。

pb_tjc · 发表于 2022-8-22 05:59:17

哦哦哦ijhhsdj

kestlhoxn · 发表于 2022-9-6 23:09:04

建军节建军节建军节建军节

4k0mp7m · 发表于 2022-11-14 03:12:14

而非为吾问无为谓娃娃

locopy · 发表于 2022-12-31 10:27:47

大家都不容易！

3t0ukmu · 发表于 2023-11-7 03:16:26

iiguuubhuiuihu

a75620618 · 发表于 2023-12-8 11:04:55

先把创新班才能下班才能下班

i1efp6c · 发表于 2024-3-6 20:29:37

2222222222222222

额呵呵 · 发表于 2024-5-28 04:15:56

看看看看

4r8oiin60 · 发表于 2024-7-6 16:44:28

笑纳了老板

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

[CSS/HTML] IE Bug--浮动对象外补丁的双倍距离的解决方法

相关帖子