這篇文章主要講解了“如何解決IE6的3像素bug”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何解決IE6的3像素bug”吧！

創(chuàng)新互聯(lián)建站長(zhǎng)期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為巴中企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)，巴中網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

一、 6爺我喝高了，最后一行有重影。那什么是IE6 的3像素bug？

IE7修正了IE6中的一個(gè)bug，bug名字就叫做“3像素bug”，即文字溢出bug. 表現(xiàn)形式是ie6瀏覽器下文字或者圖片溢出，莫名其妙的自動(dòng)復(fù)制幾個(gè)字符。如下圖，就自動(dòng)溢出了一個(gè)“下一頁(yè)”。



二、3像素bug是怎么產(chǎn)生的？

一個(gè)容器A包含2兩個(gè)具有“float”樣式的子容器B和C。
第二個(gè)容器C的寬度大于父容器A的寬度，或者父容器A寬度減去第二個(gè)容器C寬度的值小于3。
在第二個(gè)容器前存在注釋（這也是為什么此bug也叫做“IE6注釋bug”的原因）。

下面是這段代碼再現(xiàn)了bug的產(chǎn)生過(guò)程，如果用ie6瀏覽，則在下面 會(huì)多出一個(gè)“醉”字。

三、怎樣讓6爺快速醒酒？ie 6 3像素bug的很好解決辦法:margin-right:-3px;

關(guān)于解決辦法網(wǎng)上有很多轉(zhuǎn)載，但是我一一試過(guò)之后很多都不奏效或者不理想。下面是一段摘錄：

1.改變結(jié)構(gòu)，不出現(xiàn)【一個(gè)容器包含2兩個(gè)具有“float”樣式的子容器】的結(jié)構(gòu)。
——此解決方案的評(píng)論：瘋了！因噎廢食的做法。
2.減小第二個(gè)容器的寬度，使父容器寬度減去第二個(gè)容器寬度的值大于3，例如將本文示例中第二個(gè)子容器的寬度改為197px。
——此解決方案的評(píng)論：在滿足頁(yè)面布局的前提下可以使用。但是當(dāng)情況比較復(fù)雜的時(shí)候，可能實(shí)施起來(lái)比較困難。
3.去掉所有的注釋。
——此解決方案的評(píng)論：最直接的做法，但是“沒(méi)有注釋的代碼”，的確不是一個(gè)好的代碼寫作習(xí)慣。
4.修正注釋的寫法。將 寫成這里是注釋內(nèi)容
——此解決方案的評(píng)論：還不錯(cuò)的解決方案，但是并不是每個(gè)人都對(duì)這里是注釋內(nèi)容[endif]–>這種注釋寫法很欣賞。
5.在第二個(gè)容器后面加一個(gè)或者多個(gè)

來(lái)解決。
——此解決方案的評(píng)論：另人感覺(jué)很不爽的解決方案。但是的確能解決。影響網(wǎng)頁(yè)效率

這五種方法我都不推薦，根據(jù)我的實(shí)驗(yàn)最直接的解決問(wèn)題的方法是在父容器A添加 margin-right:-3px; 一般情況下都可以解決這個(gè)問(wèn)題。



四、珍愛(ài)生命，遠(yuǎn)離ie6

因?yàn)橐绯鯾ug產(chǎn)生的根本原因沒(méi)人可以解釋，所以也就沒(méi)有對(duì)應(yīng)的一勞永逸的辦法。要從根本上解決這個(gè)問(wèn)題只有一個(gè)辦法,就是kill ie6。但是MS微軟比我們還著急，可是就是不給力啊。

感謝各位的閱讀，以上就是“如何解決IE6的3像素bug”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何解決IE6的3像素bug這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

文章標(biāo)題：如何解決IE6的3像素bug-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dccjop.html