2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

前言：IE6雙倍邊距這個問題其實早在學(xué)習(xí)CSS之初都已經(jīng)知道如何解決，但當(dāng)時只知道如何解決而并不知道引起這個BUG的原因是什么，再接下來工 作過程中不斷實踐也終于明白是怎么回事了。但最近開發(fā)項目逐漸轉(zhuǎn)移到以IE7為IE的基礎(chǔ)參考標(biāo)準(zhǔn)后，逐漸有點淡忘IE6下的一些詭異BUG的解決方案 了，就是知道如何解決也忘了部分理論知識了。

1、問題：在IE6下如果某個標(biāo)簽使用了float屬性，同時設(shè)置了其外補丁“margin:10px 0 0 10px”可以看出，上邊距和左邊距同樣為10px，但第一個對象距左邊有20px。

2、解決辦法：當(dāng)將其display屬性設(shè)置為inline時問題就都解決了。

3、說明：這是因為塊級對象默認(rèn)的display屬性值是block，當(dāng)設(shè)置了浮動的同時，還設(shè)置了它的外邊距就會出現(xiàn)這種情況。也許你會問：“為 什么第二個對象和第一個對象之間就不存在雙倍邊距的BUG”？因為浮動都有其相對應(yīng)的對象，只有相對于其父對象的浮動對象才會出現(xiàn)這樣的問題。第一個對象 是相對父對象的，而第二個對象是相對第一個對象的，所以第二個對象在設(shè)置后不會出現(xiàn)問題。另外在一些特殊布局中，可能需要組合使用 display:block;和display:inline;才能達(dá)到預(yù)期效果。
當(dāng)然最壞的情況下，我們就可以使用"margin:10px 0 0 10px;*margin:10px 0 0 10px;_margin:10px 0 0 5px"，這種“標(biāo)準(zhǔn)屬性;*IE7識別屬性;_IE6識別屬性”HACK方式解決。

4、總結(jié)：這個現(xiàn)象僅當(dāng)塊級對象設(shè)置了浮動屬性后才會出現(xiàn)，內(nèi)聯(lián)對象（行級對象）不會出現(xiàn)此問題。并且只有設(shè)置左邊距和右邊距的值才會出問題，上下邊距不會出現(xiàn)問題。

轉(zhuǎn)載于:https://my.oschina.net/pureboys/blog/79547

總結(jié)

以上是生活随笔為你收集整理的IE6双倍边距的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。