【IE6的疯狂之四】IE6文字溢出BUG
在IE6下使用浮動可能會出現文字重復的情況.
在IE6下,浮動層之間有注釋文字的話,之前那個浮動層的內容文字就有可能遭遇一個“隱形”的復制,但是代碼里查看文字可并沒有多出來。
看個例子:
XML/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]–>
7、給盒子加position:relative;屬性
引發這種BUG有幾個條件
1、是注釋引起的,刪除所有注釋即可.
2、hidden的input直接放在form下.
3、display為none的div也有可能引發此bug.
2、3可以通過外面再包一次DIV解決
?
轉載請注明轉自《【IE6的瘋狂之四】IE6文字溢出BUG》
轉載于:https://www.cnblogs.com/xztx/p/3337169.html
總結
以上是生活随笔為你收集整理的【IE6的疯狂之四】IE6文字溢出BUG的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 常见问题摘要(生活篇)
- 下一篇: 区县级政府网站群建设要点