<万博manbetx平台> 【IE6的疯狂之十二】一个display:none引起的3像素的BUG-万博manbetx平台

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

2009-08-19 分类：万博manbetx平台+CSS 阅读(17523) 评论(15)

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

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

看代码：

[code=”万博manbetx平台”]

[/code]

这个是有在ie6下如图

其他浏览器如图：

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

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

[code=”万博manbetx平台”]

[/code]

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

[code=”万博manbetx平台”]

[/code]

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

赞(0) 打赏

未经允许不得转载：万博manbetx平台 » 【IE6的疯狂之十二】一个display:none引起的3像素的BUG

标签：IE BUG

相关推荐

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

10年前 (2009-08-20)回复
#-48
谢谢楼上的ytzong

10年前 (2009-08-20)回复
#-47
IE8里也有这个问题，不过是2px

xuf229年前 (2010-01-21)回复
#-46
博主好！！！
刚看了你这个问题，我找到了三种解决问题的方法。

解决方法一：

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

解决方法二：

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

解决方法三：

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

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

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

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

小曹9年前 (2010-08-21)回复
#-45
博主怎么不让我输入万博manbetx平台标记
我的第三种方法除了注释还可以是段落标记换行符 span元素斜体标记等等

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

我的QQ;892433568

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

小曹9年前 (2010-08-21)回复
#-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)回复
#-43
你好，我是CSS新手，请问一下在这个布局中那个隐藏的DIV有什么作用？

小吉猪8年前 (2011-05-31)回复
- @小吉猪, 在此例中，貌似你不大明白他的用处，想想input hidden。
  
  8年前 (2011-08-09)回复
#-42
我在IE8下看的效果和IE6下居然一样，太囧了

萝莉7年前 (2012-01-04)回复
#-41
IE真的没法整，不同电脑的IE8效果也不同。。。

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