css 不兼容性問題的小結(jié)
1.清除浮動(dòng) clear:both;
這個(gè)div一定要注意聲明位置,一定要放在最恰當(dāng)?shù)牡胤,而且必須與兩個(gè)具有float屬性的div同級(jí),之間不能存在嵌套關(guān)系,否則會(huì)產(chǎn)生異常。并且將clear這種樣式定義為為如下即可: .clear{ clear:both;} 此外,為了讓高度能自動(dòng)適應(yīng),要在wrapper里面加上overflow:hidden; 當(dāng)包含float的box的時(shí)候,高度自動(dòng)適應(yīng)在IE下無效,這時(shí)候應(yīng)該觸發(fā)IE的layout私有屬性,用zoom:1;可以做到,這樣就達(dá)到了兼容。例如某一個(gè)wrapper如下定義:
.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}
2.margin加倍的問題。 設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的`問題。
解決方案是在這個(gè)div里面加上display:inline;
例如:
#imfloat
{
float:left;
margin:5px; /*IE下理解為10px*/
display:inline; /*IE下再理解為5px*/
}
3.cursor: pointer 可以同時(shí)在 IE,Firefox 中顯示游標(biāo)手指狀, hand 僅 IE 可以.
4./* */ Css 注釋IE5和firefox都支持,但I(xiàn)E6不支持.
5.ul標(biāo)簽在Mozilla中默認(rèn)是有padding值的,而在IE中只有margin有值所以先定義 ul{margin:0;padding:0;} 就能解決大部分問題.
6.關(guān)于高度的問題: 如果是動(dòng)態(tài)地添加內(nèi)容,高度最好不要定義。瀏覽器可以自動(dòng)伸縮,然而如果是靜態(tài)的內(nèi)容,高度最好定好。(似乎有時(shí)候不會(huì)自動(dòng)往下?lián)伍_,不知道具體怎么回事)
【css 不兼容性問題的小結(jié)】相關(guān)文章:
PHP版本5.2.17 5.3.27 5.3.28 5.4 5.5的兼容性問題分析10-07
顯卡和主板不兼容的原因有哪些03-05
關(guān)于兼容IE和FF的js腳本代碼小結(jié)05-25
處理顯卡跟主板不兼容怎么辦11-09
電腦鍵盤和主板不兼容解決方法08-06
什么是CSS10-06
p+css的15個(gè)css重則11-11