【IE6的疯狂之十二】一个display:none引起的3像素的BUG

还真不知道这个题目这么写,暂时就用这个吧。

今天同事给我看了一个display:none引起的3像素的BUG,非常奇怪!从来没碰到过display:none还能引起这种bug。

看代码:

[code=”html”]

[/code]

这个是有在ie6下如图

2009-08-19_192458

其他浏览器如图:

2009-08-19_192652

这个问题真是让人郁闷,感谢greengnn和广州♂锋提供的解决方案:

解决方案1:将最后一个div加一个margin-right:-3px;即

[code=”html”]

[/code]

解决方案2:将display: none的div换一个形式隐藏:即

[code=”html”]

[/code]

如果你也有解决方案,欢迎分享。

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【IE6的疯狂之十二】一个display:none引起的3像素的BUG

评论 15

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    这个应该归到 float 3px bug 里吧
    经典的解决方法是 float 的元素同时 _display:inline

    ytzong10年前 (2009-08-20)回复
  2. #-48

    谢谢楼上的ytzong

    10年前 (2009-08-20)回复
  3. #-47

    IE8里也有这个问题,不过是2px

    xuf229年前 (2010-01-21)回复
  4. #-46

    博主好!!!
    刚看了你这个问题,我找到了三种解决问题的方法。

    解决方法一:

    在第一行的div中加上display:inline;

    解决方法二:

    就是你提到的,在最后一行div加上margin-right:-3px;

    解决方法三:

    也是很让人摸不着头脑的解决方法,如果博主知道的话还麻烦跟我说一下

    在最后一行的div中加入任意的行内元素
    比如:注释

    暂时想到这些
    ie6浮动方面的bug还真多

    博主 你尝试在最后div中输入一个字母 或打一个空格 你会发现 出现重复文字了啊 在所有浮动div的下方 好奇怪 好奇怪!

    小曹9年前 (2010-08-21)回复
  5. #-45

    博主 怎么不让我输入html标记
    我的第三种方法 除了注释 还可以是段落标记 换行符 span元素 斜体标记等等

    博主知道的话 还请告诉我的

    我的QQ;892433568

    我是一个步入css之路的初学者,很多不明白的,还请多多指教

    小曹9年前 (2010-08-21)回复
  6. #-44

    我研究了一下,一共有五种解决方案:除了博主的方法和5档小曹的方法 我还发现2种解决办法现在总结出来:

    解决方案1:将最后一个div加一个margin-right:-3px;
    解决方案2:将display: none的div换成:visibility:hidden
    解决方案3:将第一个div加上一个属性:display:inline;
    解决方案4:将原display: none的这个div的所有属性拿掉不拿也行,在div中输入2个任意字符至少2个;
    解决方案5:将原display: none的这个div设置样式成:float:left; font-size:0px; height:0px; width:0px; line-height:0px;

    经测试这5种方法均能达到效果,都是针对IE6, 说实话真不知道这IE6浏览器是如何开发出来的,出现着各种各样的错误,令人百思不得其解 杯具……

    peizhiwei8年前 (2010-10-27)回复
  7. #-43

    你好,我是CSS新手,请问一下在这个布局中那个隐藏的DIV有什么作用?

    小吉猪8年前 (2011-05-31)回复
  8. #-42

    我在IE8下看的效果和IE6下居然一样,太囧了

    萝莉7年前 (2012-01-04)回复
  9. #-41

    IE真的没法整,不同电脑的IE8效果也不同。。。

    萝莉7年前 (2012-01-04)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏