新聞中心
本文和大家重點討論一下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哦
【編輯推薦】
- DIV+CSS網(wǎng)頁布局五大誤區(qū)
- DIV+CSS設(shè)計IE6、IE7、Firefox兼容性
- CSS屬性font-size用法詳解
- 探究采用DIV+CSS框架的利與弊
- DIV CSS網(wǎng)頁布局需要掌握的八大技巧
當(dāng)前名稱:Firefox,IE8中margin-top屬性bug解決方案
URL鏈接:http://m.5511xx.com/article/dhsddoh.html


咨詢
建站咨詢
