只能設(shè)置父元素的padding-top;來達(dá)到效果 ?？聪旅娴难菔敬a;
今天有時(shí)間，所以特意做了一個(gè)測(cè)試 。
代碼如下:
test-2
呵呵，我標(biāo)題沒錯(cuò)吧 。果然IE6,IE7的margin:10px; 失效了 。
解決辦法
代碼如下:
.test-1{border-color:#000;width:100%; height:auto !important;height:1%; zoom:1;}
【IE6IE7瀏覽器下margin無效的解決方法介紹】使用：width:100%;或者 height:auto !important;height:1%; 或者zoom:1; 都可以解決上面的問題 。(3選1，不要全部寫進(jìn)去 。)
根據(jù)自己的具體情況來選擇一種即可!
問題根源
當(dāng)然知道了解決辦法還不夠，我們必須知道什么情況會(huì)引發(fā)上面的BUG，zoom:1;這東西貌似經(jīng)常使用 。于是我去查詢了一下關(guān)于zoom的一些信息 。
發(fā)現(xiàn)他會(huì)觸發(fā)IE的 haslayout ; haslayout來解決一些常見的IE BUG;(建議不太明白 haslayout 的同學(xué)點(diǎn)擊連接去讀一下 。haslayout 不神秘 。)
在InternetExplorer中，一個(gè)元素要么自己對(duì)自身的內(nèi)容進(jìn)行計(jì)算大小和組織，要么依賴于父元素來計(jì)算尺寸和組織內(nèi)容
上面這句加粗的話很重要哦 。
上面的例子 test-1 沒有觸發(fā) haslayout 他不能負(fù)責(zé)對(duì)自己和可能的子孫元素進(jìn)行尺寸計(jì)算和定位;所以子元素的margin失效 。
當(dāng)然 激活 haslayout 的方式很多 zoom:1; 其實(shí)設(shè)置 widht height 也可以激活 。所以當(dāng)設(shè)置了 這兩個(gè)值 。子元素定位也正確了 。
以上僅個(gè)人根據(jù)網(wǎng)上的資料得到的結(jié)論，如果有錯(cuò)誤，還請(qǐng)高人指點(diǎn) 。
罪惡的IE 瀏覽器何時(shí)退出舞臺(tái) 。
推薦閱讀
- IE9/IE10/IE11瀏覽器卸載方法是什么？這些瀏覽器的卸載方法匯總介紹
- 下拉菜單是什么啊
- IE瀏覽器去廣告圖文教程介紹
- IE瀏覽器安全級(jí)別無法修改的解決方法介紹
- 摩托edge X30屏下版人臉識(shí)別準(zhǔn)確率超市面所有類似機(jī)型
- Win7/Win8系統(tǒng)IE瀏覽器下載文件沒反應(yīng)的7種解決方法介紹
- win7系統(tǒng)IE瀏覽器網(wǎng)頁輸入框輸入不了文字的解決方法介紹
- IE瀏覽器顯示腳本錯(cuò)誤怎么辦？腳本錯(cuò)誤解決方法圖文教程介紹
- 下午什么時(shí)候睡覺定義為黃昏覺
- win10系統(tǒng)ie瀏覽器不能打開html的解決辦法介紹