IE6下margin雙倍的問題解決辦法

2022-07-14 17:42:15 字數 511 閱讀 4548

有時候我們給div乙個margin屬性的時候,在ie6下會發現,這個margin間距產生了雙倍的效果,例如:

"

float:left;margin-left:10px;

">**首頁

這段**在ff和ie7以上版本均正常,但是在ie6下,左間距就會變為20px,這是因為,ie6下當div有float浮動屬性時margin就會產生雙倍間距的bug。如果我們不加float:left;那麼margin依然是正常的。

然而,float又是我們必須用的,下面有幾種解決辦法:

①:給div乙個display:inline屬性,變為

"

float:left;display:inline;margin-left:10px;

">**首頁

這樣ie6也會正常

②通過css hacks來針對ie6和其它版本瀏覽器寫不同的css樣式表,css hacks詳情請看本人專門介紹的另一篇文章

IE6下margin left雙倍bug問題

熟悉 css 盒模型朋友相信對於 ie 雙倍浮動邊界 bug 不會陌生,這個 bug 只會產生在浮動行的第乙個浮動元素 此處說法不準確,並不是第乙個浮動元素,假如浮動的元素在一行顯示不下,占用了多行,那麼每一行的第乙個元素都會受此 bug 影響。啊呀教育網編註 所以如果第乙個浮動元素沒有使用外補丁 ...

IE6下margin left雙倍bug問題

熟悉 css 盒模型朋友相信對於 ie 雙倍浮動邊界 bug 不會陌生,這個 bug 只會產生在浮動行的第乙個浮動元素 此處說法不準確,並不是第乙個浮動元素,假如浮動的元素在一行顯示不下,占用了多行,那麼每一行的第乙個元素都會受此 bug 影響。千一網路編輯注 所以如果第乙個浮動元素沒有使用外補丁 ...

IE6雙倍margin間距解決方案

問題 在ie6下如果某個標籤使用了float屬性,同時設定了其外補丁 margin 10px 0 0 10px 可以看出,上邊距和左邊距同樣為10px,但第乙個物件距左邊有20px。解決辦法 方法一 當將其display屬性設定為inline時問題就都解決了。說明 這是因為塊級物件預設的 displ...