問題：div框架里的文字在IE6中出現(xiàn)溢出現(xiàn)象，IE7和FF都顯示正常，經(jīng)過測試，發(fā)現(xiàn)這似乎與FLOAT浮動(dòng) 有關(guān)，只要把相應(yīng)div中的float去掉，就可以顯示正常，可缺少了float，在FF下就無法正常顯示div的位置，確實(shí)讓我頭疼的非常，今天在網(wǎng)上找找資料，發(fā)現(xiàn)IE6的文字溢出原來是由于注釋所造成的
問題原因以及解決方法 。
原因： 大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立 。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系 。
解決辦法：
1、不放置注釋 。最簡單、最快捷的解決方法；
2、注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間；
3、將文字區(qū)塊包含在新的div/div之間，如：div style="float:right;width:400px"div↓這就
是多出來的那只豬/div/div；
4、去除文字區(qū)塊的固定寬度，與3有相似之處；
5、在后面加一個(gè)br /或者空格；（不推薦）
6、使用IE注釋格式，如：!--[if IE]測試![endif]--
7、給盒子加position:relative;屬性
推薦閱讀
- IE6 注釋引起的文字溢出和浮動(dòng)錯(cuò)位的解決思路
- 兼容ie6瀏覽器的php下載文件代碼分享
- IE6下通過a標(biāo)簽點(diǎn)擊切換圖片的問題
- 解決jquery的.animate函數(shù)在IE6下的問題
- IE6下網(wǎng)頁制作參考 IE6 默認(rèn)樣式
- IE6/7中使用setAttribute設(shè)置table的cellpadding和cellspacing的Bug
- 兼容IE6的min-width、min-height的簡單方法
- IE6/7在滾動(dòng)區(qū)域內(nèi)的標(biāo)簽使用position會(huì)飄出這個(gè)滾動(dòng)區(qū)域不隨滾動(dòng)條滾動(dòng)
- IE6,IE7下js動(dòng)態(tài)加載圖片不顯示錯(cuò)誤
- ie6下的背景圖片緩存