ie6 注釋引起的問(wèn)題
更新時(shí)間:2008年12月08日 12:30:20 作者:
大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1,這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。
問(wèn)題:div框架里的文字在IE6中出現(xiàn)溢出現(xiàn)象,IE7和FF都顯示正常,經(jīng)過(guò)測(cè)試,發(fā)現(xiàn)這似乎與FLOAT浮動(dòng) 有關(guān),只要把相應(yīng)div中的float去掉,就可以顯示正常,可缺少了float,在FF下就無(wú)法正常顯示div的位置,確實(shí)讓我頭疼的非常,今天在網(wǎng)上找找資料,發(fā)現(xiàn)IE6的文字溢出原來(lái)是由于注釋所造成的
問(wèn)題原因以及解決方法。
原因: 大部分是由注釋造成文字溢出,屬于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>↓這就
是多出來(lái)的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個(gè)<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測(cè)試<![endif]-->
7、給盒子加position:relative;屬性
問(wèn)題原因以及解決方法。
原因: 大部分是由注釋造成文字溢出,屬于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>↓這就
是多出來(lái)的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個(gè)<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測(cè)試<![endif]-->
7、給盒子加position:relative;屬性
相關(guān)文章
CSS規(guī)則層疊時(shí)的優(yōu)先級(jí)算法
CSS 規(guī)則的優(yōu)先級(jí)是Web前端開發(fā)人員必須理解的一個(gè)概念,我們常用的添加樣式的方法有4種。2008-04-04iframe自適應(yīng)高度的多種方法方法小結(jié)
對(duì)于自適應(yīng)高度的代碼有很多,可效率什么的考慮進(jìn)來(lái)好代碼就不多見了,不過(guò)思路倒是差不多的2008-09-09用div+css解決出現(xiàn)水平滾動(dòng)條問(wèn)題
用div+css解決出現(xiàn)水平滾動(dòng)條問(wèn)題...2007-08-08