問(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;屬性

最新評(píng)論