css對ie的相容性問題處理(一):
阿新 • • 發佈:2019-09-10
本文轉載於:猿2048網站⇒css對ie的相容性問題處理(一):
1.在製作sidebar時對li裡面的元素進行浮動,li在ie6/7下會出現4px的間間隙:
解決方法:在li下加上vertical-align屬性,值可為top、bottom、middle;
擴充套件:vertical-align屬性為垂直居中,一般與table-cell聯合使用,但是對於ie6/7的相容是無解的。
2.注意: 元素浮動後在ie6/7下會使margin-bottom失效;在開發過程中要注意margin-bottom的使用。
3.清除浮動clearfix(據說使史上最高大上的方法,相容ie):
.clearfix:after{
content=””;
display:block;
height:0;
line-height:0px;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}
今天先整理這麼些,以後慢慢完善,嘿嘿...