IE6中CSS的BUG~被害惨了

本文分享了作者在使用IE6浏览器进行网站测试时遇到的问题,包括双边距bug及3px间隙问题,并提供了相应的解决方案。

各位,请别怪小弟这年代还在用ie6。

 

今天网站放到服务器上试运行时,悲剧发生了~

 

firefox正常……chrome正常……ie7正常……

 

回来后,无聊用ie6试试,结果……不正常……

 

折腾到了晚上12点才弄通,

 

ie6……一个悲剧

 

现在来说我遇到的bug吧:

1   双边距bug

正常
#d{
    float:left;
    margin-left: 10px;
}
在ie6中10px会变为20px,要加上display:inline
#d{
    float:left;
    margin-left: 10px;
    display:inline;
}

 

2  3px间隙问题

 

当两个元素都有float属性并相邻时,在ie6中会在这两个元素之间加入3px的间隙……

 

用margin-right:-3px;才能解决……正常时这个值一般都能设为0……

 

难怪我有两个div并列,但在ie6中后边那个div总被挤到下一行。

 

IE6整个一杯具~~~哥也跟着悲剧了大半天~~~

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值