css 的不相容性問題

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

2.margin加倍的問題。 設定為float的div在ie下設定的margin會加倍。這是一個ie6都存在的問題。
 解決方案是在這個div裡面加上display:inline;
 例如：
 <div id="imfloat"></div>
 #imfloat
 {
   float:left;
   margin:5px;  /*IE下理解為10px*/
   display:inline; /*IE下再理解為5px*/
 }

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

4./* */  Css 注釋IE5和firefox都支援,但IE6不支援.

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

6.關於高度的問題: 如果是動態地新增內容，高度最好不要定義。瀏覽器可以自動調整，然而如果是靜態內容，高度最好定好。（似乎有時候不會自動往下撐開，不知道具體怎麼回事）