css對ie的兼容性問題處理(一):

本文轉載於:猿2048網站⇒css對ie的兼容性問題處理(一):php

1.在製做sidebar時對li裏面的元素進行浮動,li在ie6/7下會出現4px的間間隙:css

解決方法:在li下加上vertical-align屬性,值可爲top、bottom、middle;ide

擴展:vertical-align屬性爲垂直居中,通常與table-cell聯合使用,可是對於ie6/7的兼容是無解的。網站

 

2.注意: 元素浮動後在ie6/7下會使margin-bottom失效;在開發過程當中要注意margin-bottom的使用。spa

 

3.清除浮動clearfix(聽說使史上最高大上的方法,兼容ie):blog

.clearfix:after{開發

    content=」」;get

    display:block;it

    height:0;table

    line-height:0px;

    clear:both;

    visibility:hidden;

}

.clearfix{

    zoom:1;

}

今天先整理這麼些,之後慢慢完善,嘿嘿...

相關文章
相關標籤/搜索