有時候我們給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...