【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解決

文章來源：攀枝花惠康網絡公司

惠康網絡，是一家專業從事攀枝花網站建設，攀枝花網站制作，攀枝花網站設計公司，提供網站建設一條龍服務（網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣），惠康網絡立足攀枝花，輻射全中國，攀枝花惠康網絡的客戶已經遍布國內各地大中小城市，我們高效優質的網站建設服務深受用戶好評。