ie6 注釋引起的問題

問題:div框架里的文字在IE6中出現溢出現象 , IE7和FF都顯示正常,經過測試,發現這似乎與FLOAT浮動 有關,只要把相應div中的float去掉 , 就可以顯示正常,可缺少了float,在FF下就無法正常顯示div的位置,確實讓我頭疼的非常,今天在網上找找資料,發現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]測試![endif]--
7、給盒子加position:relative;屬性

相關經驗推薦