實現CSS跨瀏覽器

一、padding和margin

• 問題：ul標籤中FF中有個padding值，卻沒有margin值，而在IE中正好相反 。
• 解決方案：將ul的padding和margin都設為0(也可以不是0)如：padding:0;margin:0;list-style:none; 另外form預設在IE中也會有margin值，所以最好也將其margin和padding設為0 。

二、cursor

• 問題：IE中cursor:hand可以將滑鼠設為手形，Firefox下不行 。
• 解決方案：都用cursor:pointer 。

三、單位

• 問題：任何距離的數值IE可以不加單位，Firefox必須要求寫單位（0除外） 。
• 解決方案：寫全單位如padding:0px;

四、高度

• 問題：如果設定了一個DIV的高度，當DIV裡實際內容大於所設高度，IE會自動展開以適應DIV容器大小，Firefox會固定DIV的告訴，超過部分超出DIV底線以外，出現和下面的內容重疊的現象
• 解決方案：控制恰當的高度，或者不寫，讓瀏覽器自動調節高度，或者設定overflow:hidden;

五、clear:both

• 問題：如果上面用float控制了n列DIV，IE下會自動檢測自動排文，Firefox下則可能到處亂動。
  解決方案：float結束後的下一個標籤加clear:both;以結束float的控制。

六、實際像素

• IE/Opera：對象的實際寬度 = (margin-left) + width + (margin-right)
• Firefox/Mozilla： 對象的實際寬度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right)
  所以排列好及列的表格時IE和Firefox顯示寬度稍有區別。