IE莫名奇妙重复最后字符的bug及解决方案

今天遇到一个问题,IE浏览器时候会重复最后几个字符,以前看到过这个问题的解决方案,删除语句之间的注释就可以,但是今天我遇到的情况比较特殊,因为语句之间根本就没有注释,但还是重复了。

bug名称:
这个问题是IE6的bug,俗称IE6注释bug,也叫做浮动容器的字符复制bug。

形成原因:
它是几个相连的浮动容器中间插入一段html注释代码,就会将最后一个容器中的最后几个字符复制到容器之外显示出来,不过这个bug只存在于IE6中,IE7及以上版本和Firefox等浏览器不存在此bug。

解决方法:
这个bug的解决方法十分简单,那就是——去掉注释,或者将注释添加到最后一个元素后就可以了

如果上面这个方法不行,就只能添加一些无意义元素了
在重复元素的下一行增加一行<div style=”display:none;”>hidden</div>,如果重复元素是<li>的话就插入<li style=”display:none;”>hidden</li>

今天遇到的问题就是这么解决的!

原文链接:,转发请注明来源!

发表评论