在IE6下（標(biāo)準(zhǔn)模式/怪異模式）
一個(gè)元素向左浮動(dòng)(float:left) ， 且添加了向左空白邊(margin-left:10px) ， 那么會(huì)自動(dòng)的加一倍變成30px 。
例：
復(fù)制代碼代碼如下:
!DOCTYPE HTML
html
head
meta charset="utf-8"
titleIE6雙空白邊Bug/title
/head
body
div style="border:1px solid red;width:200px;"
div id="d1" style="margin:0 0 0 10px;float:left;border:1px solid gray;"
IE6雙空白邊bug
/div
div style="clear:both;"/div
/div
/body
/html
解決方法：
給div[id=d1]加：display:inline,當(dāng)然只針對(duì)IE6一下 ， 可以使用下劃線加屬性-display:inline ， 這樣只有IE6能識(shí)別了 。
邊距翻倍只有當(dāng)元素的邊距碰到包含塊時(shí)才發(fā)生 。當(dāng)一個(gè)元素被浮動(dòng)到另一個(gè)浮動(dòng)元素時(shí)不會(huì)翻倍 。另marginTop和marginBottom都不會(huì)翻倍 。
推薦閱讀
- 關(guān)于onScroll事件在IE6下每次滾動(dòng)觸發(fā)三次bug說(shuō)明
- ie6 注釋引起的問(wèn)題
- IE6 注釋引起的文字溢出和浮動(dòng)錯(cuò)位的解決思路
- 兼容ie6瀏覽器的php下載文件代碼分享
- IE6下通過(guò)a標(biāo)簽點(diǎn)擊切換圖片的問(wèn)題
- 解決jquery的.animate函數(shù)在IE6下的問(wèn)題
- IE6下網(wǎng)頁(yè)制作參考 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)