一聚教程网:一个值得你收藏的教程网站

热门教程

IE6文字溢出BUG现文字重复解决办法

时间:2022-06-25 11:19:05 编辑:袖梨 来源:一聚教程网

看个css教程例子:
XML/HTML代码

 代码如下 复制代码





多了一只猪





↓这就是多出来的那只猪



用IE6看一下,你会发现真的会多出一只“猪”!

问题原因以及解决方法:

原因:
由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。

解决办法:
1、不放置注释。最简单、最快捷的解决方法;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的

之间,如:
↓这就是多出来的那只猪

4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个
或者空格;(不推荐)
6、使用IE注释格式,如:Put your commentary in here…
7、给盒子加position:relative;属性

热门栏目