web前端開發(fā)中瀏覽器兼容問題(七)

29.在IE6中l(wèi)ist項目間出現(xiàn)空行

ul{

width: 200px;

margin: 0;

padding: 0;

list-style: none;

}

li a{

background: #95CFEF;

display: block;

margin-bottom: 1px;

}

顯示區(qū)別

30.在IE6中使用float屬性會產(chǎn)生兩倍距離

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

}

#element{

background: #95CFEF;

border: solid 1px #36F;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

float: left;

}

顯示區(qū)別:

在IE6瀏覽器中存在使用float屬性會產(chǎn)生兩倍距離,在FF和IE7中則不會有同樣的情況出現(xiàn)。

31.溢出邊界問題

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

}

#element{

background: #95CFEF;

border: solid 1px #36F;

width: 300px;

height: 200px;

margin: 0 auto;

}

顯示區(qū)別:

當(dāng)子元素高度超出父元素時,IE6和IE7 FF 結(jié)果不同

32.最低高度設(shè)置margin-height IE6不兼容

#left,#right{

padding: 5px;

border: 1px solid #000;

float: left;

width: 70px;

margin-right: 5px;

}

#right{

min-height: 75px;

}

顯示區(qū)別

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 各種純css圖標(biāo) CSS3可以實現(xiàn)很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,988評論 0 8
  • 不會用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個帥氣的名字閱讀 1,919評論 0 0
  • 1.在什么場景下會出現(xiàn)外邊距合并?如何合并?如何不讓相鄰元素外邊距合并?給個父子外邊距合并的范例 概念:在CSS當(dāng)...
    饑人谷_任磊閱讀 851評論 0 3
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,300評論 0 11
  • 我愿意深深地扎入生活,吮盡生活的骨髓,過得扎實,簡單,把一切不屬于生活的內(nèi)容剔除得干凈利落,把生活逼到絕處,用最基...
    三極戶外小娟閱讀 454評論 0 0

友情鏈接更多精彩內(nèi)容