css 小經驗： css hack 的一些相容小技巧

自網上搜羅：

 

1, FF下給 div 設定 padding 後會導致 width 和 height 增加, 但IE不會.(可用!important解決) 

2, 置中問題. 
　　1).垂直置中.將 line-height 設定為 當前 div 相同的高度, 再通過 vertical-align: middle.( 注意內容不要換行.) 
　　2).水平置中. margin: 0 auto;(當然不是萬能) 

3, 若需給 a 標籤內內容加上 樣式, 需要設定 display: block;(常見於導航標籤) 

4, FF 和 IE 對 BOX 理解的差異導致相差 2px 的還有設為 float的div在ie下 margin加倍等問題. 

5, ul 標籤在 FF 下面預設有 list-style 和 padding . 最好事先聲明, 以避免不必要的麻煩. (常見於導航標籤和內容列表) 

6, 作為外部 wrapper 的 div 不要定死高度, 最好還加上 overflow: hidden.以達到高度自適應. 

7, 關於手形游標. cursor: pointer. 而hand 只適用於 IE.

 

 

幾個瀏覽器的css hack 

	IE7	IE8	Chrome
*	Y
\9		Y