當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時(shí)間：2023/12/2 编程问答 40 豆豆

生活随笔收集整理的這篇文章主要介紹了【IE6的疯狂之四】IE6文字溢出BUG 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

在IE6下使用浮動(dòng)可能會(huì)出現(xiàn)文字重復(fù)的情況.

在IE6下，浮動(dòng)層之間有注釋文字的話，之前那個(gè)浮動(dòng)層的內(nèi)容文字就有可能遭遇一個(gè)“隱形”的復(fù)制，但是代碼里查看文字可并沒有多出來。

看個(gè)例子：

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>??

<title>多了一只豬</title>??

</head>??

<body>??

????<div?style=“width:400px”>??

????????<div?style=“float:left”></div>? ??

????????<!–?_?–>??

????????<div?style=“float:right;width:400px”>↓這就是多出來的那只豬</div>??

????</div>??

</body>??

</html>??

用IE6看一下，你會(huì)發(fā)現(xiàn)真的會(huì)多出一只“豬”！

問題原因以及解決方法：

原因：
由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。

解決辦法：
1、不放置注釋。最簡(jiǎn)單、最快捷的解決方法；
2、注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間；
3、將文字區(qū)塊包含在新的<div></div>之間，如：<div?style=”float:right;width:400px”><div>↓這就是多出來的那只豬</div></div>；
4、去除文字區(qū)塊的固定寬度，與3有相似之處；
5、在后面加一個(gè)<br?/>或者空格；（不推薦）
6、使用IE注釋格式，如：<!–[if?!IE]>Put?your?commentary?in?here…<![endif]–>
7、給盒子加position:relative;屬性

引發(fā)這種BUG有幾個(gè)條件
1、是注釋引起的,刪除所有注釋即可.
2、hidden的input直接放在form下.
3、display為none的div也有可能引發(fā)此bug.
2、3可以通過外面再包一次DIV解決

轉(zhuǎn)載請(qǐng)注明轉(zhuǎn)自《【IE6的瘋狂之四】IE6文字溢出BUG》

轉(zhuǎn)載于:https://www.cnblogs.com/xztx/p/3337169.html

總結(jié)

以上是生活随笔為你收集整理的【IE6的疯狂之四】IE6文字溢出BUG的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。