1. ie6下的margin雙邊距問題：在ie6下快屬性標簽設置了float，在float方向上設置margin，就會出現雙倍margin的問題

　 解決方案： (1) 給float元素設置 display：inline； (2) hack處理：對IE6進行_margin-left:margin值 處理 .box{margin-left:20px;_margin-left:20px;}

註解: css hack是通過在css樣式中加入一些特殊的符號，讓不同的瀏覽器識別不同的符號（什麽樣的瀏覽器識別什麽樣的符號是有標準的，css hack就是讓你記住這個標準），從而達到應用不同css樣式的目的

2. 當標簽的高度設置小於10px時，在IE6和IE7中會超過設置的最小高度

　　解決方案：設置overflow:hidden 或者 line-height設置成小於設置的高度值

3. 行內標簽為了設置寬高會設置成display:block，這樣一來就會產生上面說的雙邊距問題

　　解決方法：設置成display:inline，但是這樣就不能設置寬高 ，所以在添加一個display:table

4. 上下margin重疊問題，當相鄰的兩個元素都設置了上下margin後，會取最大值，舍棄最小值

5. 兩個塊級元素， 父元素設置了overflow:auto，子元素設置了position:relative，且高度大於父集高度，在IE6和IE7下會被隱藏而不溢出

　　解決方法：父集元素添加position:relative

6. chrome下默認會將小於12px的文本強行按照12px進行解析

　　解決方法：添加屬性：-webkit-text-size-adjust:none

7. IE6下div高度無法小於10px

　　解決方法：（1）添加overflow:hidden屬性； （2）設置font-size大小為高度大小

8： png24位的圖片在IE6下回出現背景，最好使用png8格式的

9.

兼容性總結