掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
本文和大家重點討論一下Firefox,IE8中margin-top的bug及解決辦法,在Firefox,IE8這兩個瀏覽器中,有兩個嵌套關(guān)系的div,如果外層div的父元素padding值為0,那么內(nèi)層div的margin-top或者margin-bottom的值會“轉(zhuǎn)移”給外層div。

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)安圖,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575
Firefox,IE8中margin-top的bug及解決辦法
在Firefox,IE8這兩個瀏覽器中,有兩個嵌套關(guān)系的div,如果外層div的父元素padding值為0,那么內(nèi)層div的margin-top或者margin-bottom的值會“轉(zhuǎn)移”給外層div。
以上邊緣為例:
綠色
在Firefox和IE8中綠色和紅色div之間會有50px的白色空隙,而在IE中則為黑色。
解決方法有這么幾種,下面我只列出3種:
1.在注釋那里插入一個非空的元素
2.把黑色的div加入padding-top屬性代替margin-top
3.第一種最好,第二種不錯,第三種不太推薦,就是在黑色div加入屬性border等于1px,記得也要加入solid哦
【編輯推薦】

我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流