在網(wǎng)站改版過程中,Div和css代碼都么沒有問題,在IE7,IE8,Firefox下都能正常的運(yùn)行,但是在IE6下,出現(xiàn)文字溢出的Bug, 通過對(duì)比正常的網(wǎng)頁與出錯(cuò)網(wǎng)站的代碼,發(fā)現(xiàn)是因?yàn)樽⑨尨a的問題.通過查詢,得知,html的注釋代碼的確能引起布局混亂,簡(jiǎn)單的方法就是,刪除所有的注釋代碼,布局就顯示正常.
如下是有關(guān)這個(gè)問題的跟具體的文章,供大家參考.
【IE6 注釋引起的文字溢出和浮動(dòng)錯(cuò)位的解決思路】在網(wǎng)頁設(shè)計(jì)以及編程的時(shí)候，適當(dāng)?shù)倪M(jìn)行注釋，不僅使自己的思路清晰，極大地減輕了維護(hù)的難度，而且方便項(xiàng)目組其他人了解你的代碼，方便對(duì)代碼的理解以及修改等，但最近在用div css布局時(shí)，經(jīng)常會(huì)遇到一些意想不到的麻煩，而這些麻煩在解決的過程中居然都是注釋所引起的 。
麻煩一：注釋所引起的文字溢出這個(gè)是比較常見的問題，例如下圖1中，多出的地圖兩個(gè)字就是由于注釋所引起的，去除注釋之后就恢復(fù)正常 。麻煩二：注釋所引起的浮動(dòng)錯(cuò)位
如下圖2，本來布局是打算做成這樣子的，為了看的清楚，我把那兩個(gè)層添加了背景顏色，但由于添加注釋的原因，浮動(dòng)并不能按照正常來顯示，而是掉了下來，如圖3，一開始以為是浮動(dòng)的原因，在仔細(xì)檢查之后排除浮動(dòng)以及其它的原因之后，刪除注釋，恢復(fù)正常 。
這是目前我在做模板時(shí)，所發(fā)現(xiàn)由于注釋所引起的兩個(gè)問題，最簡(jiǎn)單的解決方法是刪除注釋，但由于注釋在很多時(shí)候是很有必要的，所以還有一種辦法可以解決，就是不要把注釋所放在兩個(gè)浮動(dòng)的層之間，具體的方法需要去不斷嘗試 。
#gallery-1 {margin: auto;}#gallery-1 .gallery-item {float: left;margin-top: 10px;text-align: center;width: 33%;}#gallery-1 img {border: 2px solid #cfcfcf;}#gallery-1 .gallery-caption {margin-left: 0;}
推薦閱讀
- 兼容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的簡(jiǎn)單方法
- 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下的背景圖片緩存
- 多瀏覽器下IE6 IE7 firefox li 間距問題第2/2頁