ie6 注釋引起的問題
更新時間:2008年12月08日 12:30:20 作者:
大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字數(shù)=注釋的條數(shù)*2-1,這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
問題:div框架里的文字在IE6中出現(xiàn)溢出現(xiàn)象,IE7和FF都顯示正常,經(jīng)過測試,發(fā)現(xiàn)這似乎與FLOAT浮動 有關(guān),只要把相應(yīng)div中的float去掉,就可以顯示正常,可缺少了float,在FF下就無法正常顯示div的位置,確實讓我頭疼的非常,今天在網(wǎng)上找找資料,發(fā)現(xiàn)IE6的文字溢出原來是由于注釋所造成的
問題原因以及解決方法。
原因: 大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字數(shù)=注釋的條數(shù)*2-1,這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法:
1、不放置注釋。最簡單、最快捷的解決方法;
2、注釋不要放置于2個浮動的區(qū)塊之間;
3、將文字區(qū)塊包含在新的<div></div>之間,如:<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測試<![endif]-->
7、給盒子加position:relative;屬性
問題原因以及解決方法。
原因: 大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字數(shù)=注釋的條數(shù)*2-1,這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法:
1、不放置注釋。最簡單、最快捷的解決方法;
2、注釋不要放置于2個浮動的區(qū)塊之間;
3、將文字區(qū)塊包含在新的<div></div>之間,如:<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測試<![endif]-->
7、給盒子加position:relative;屬性
相關(guān)文章
iframe自適應(yīng)高度的多種方法方法小結(jié)
對于自適應(yīng)高度的代碼有很多,可效率什么的考慮進來好代碼就不多見了,不過思路倒是差不多的2008-09-09