【IE6的疯狂之四】IE6文字溢出BUG

日期：2013-12-13 来源：攀枝花惠康网络公司

激发这种BUG有几个前提

在IE6下使用浮动可能会呈现文字一再的情形.

在IE6下，浮动层之间有注释文字的话，之前阿谁浮动层的内容文字就有可能遭遇一个“隐形”的复制，可是代码里查看文字可并没有多出来。

看个例子：

XML/HTML代码

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
<title>多了一只猪</title>
</head>
<body>
<div style=“width:400px”>
<div style=“float:left”></div>
<!– _ –>
<div style=“float:right;width:400px”>↓这就是多出来的那只猪</div>
</div>
</body>
</html>

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

问题原因以及解决体例：

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

解决法子：
1、不放置注释。最简单、最快捷的解决体例；
2、注释不要放置于2个浮动的区块之间；
3、将文字区块包含在新的<div></div>之间，如：<div style=”float:right;width:400px”><div>↓这就是多出来的那只猪</div></div>；
4、去除文字区块的固定宽度，与3有相似之处；
5、在后面加一个<br />或者空格；（不举荐）
6、使用IE注释名目，如：<!–[if !IE]>Put your commentary in here…<![endif]–>
3.display为none的div也有可能激发此bug.
7、给盒子加position:relative;属性

1.是注释引起的,删除所有注释即可.

原因：
2.hidden的input直接放在form下.
2,3可以经由过程外面再包一次DIV解决

文章来源：攀枝花惠康网络公司

惠康网络，是一家专业从事攀枝花网站建设，攀枝花网站制作，攀枝花网站设计公司，提供网站建设一条龙服务（网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广），惠康网络立足攀枝花，辐射全中国，攀枝花惠康网络的客户已经遍布国内各地大中小城市，我们高效优质的网站建设服务深受用户好评。