css 不兼容性問題的小結

1.清除浮動 clear:both;

css 不兼容性問題的小結

這個div一定要注意聲明位置,一定要放在最恰當的地方,而且必須與兩個具有float屬性的div同級,之間不能存在嵌套關係,否則會產生異常。並且將clear這種樣式定義爲爲如下即可: r{ clear:both;} 此外,爲了讓高度能自動適應,要在wrapper裏面加上overflow:hidden; 當包含float的box的時候,高度自動適應在IE下無效,這時候應該觸發IE的layout私有屬性,用zoom:1;可以做到,這樣就達到了兼容。例如某一個wrapper如下定義:

rapper{ overflow:hidden; zoom:1; margin:5px auto;}

in加倍的'問題。 設置爲float的div在ie下設置的margin會加倍。這是一個ie6都存在的問題。

解決方案是在這個div裏面加上display:inline;

例如:

#imfloat

{

float:left;

margin:5px; /*IE下理解爲10px*/

display:inline; /*IE下再理解爲5px*/

}

or: pointer 可以同時在 IE,Firefox 中顯示遊標手指狀, hand 僅 IE 可以.

4./* */ Css 註釋IE5和firefox都支持,但IE6不支持.

標籤在Mozilla中默認是有padding值的,而在IE中只有margin有值所以先定義 ul{margin:0;padding:0;} 就能解決大部分問題.

6.關於高度的問題: 如果是動態地添加內容,高度最好不要定義。瀏覽器可以自動伸縮,然而如果是靜態的內容,高度最好定好。(似乎有時候不會自動往下撐開,不知道具體怎麼回事)