html/css兼容性問題

1. IE6下內容會撐開設置好的寬高，因此計算必定要精確，內容的寬度要減去padding值

2. IE6下，若是寬度城要內容撐開，就要給裏面的塊元素都加浮動

3. IE6下，高度小於19px會當作19px處理.

　　解決方法：overflow:hidden;

4. IE6下，父級有邊框的時候，子元素的margin值消失。   

　　解決方法：解發haslayout       .class{zoom:1;}

5. 子級的margin-top值會傳遞給父級。   

　　解決方法：overflow:hidden;

6. 在IE六、7下，LI自己沒浮動，可是LI的內容有浮動，LI下邊會產生一個間隙

    解決方法：  (1）給LI加浮動

                     (2）給LI加vertical-align:top;

    當IE6下最小高度問題和IE6下LI的間隙問題共同存在的時候，給LI加浮動

7. 當一行子元素佔有的寬度之和與父級寬試想 差超過3px，或者有不滿行狀態的時候，最後一行子元素的下邊margin值在IE6下會失效

【暫無解】

8. IE6下文字溢出BUG

    子元素的寬度和們級的寬度相差小於3px的時候，兩個浮動元素中間有註釋或者內嵌元素       

　　解決方法：把註釋去掉或內嵌用div包起來或加寬父級寬度

9. 當浮動元素和絕對定位元素是並列關係的時候，在IE6下絕對定位元素會消失。     

　　解決方法：給定位元素外面包個div

10. 在IE六、7下，子元素有相對定位的話，父級的overflow包不住子級元素            

　　 解決方法：給父級也加相對定位

11. 在IE6下，絕對定位父級是奇數時，元素的right值和bottom值會有1px的誤差。   

　　無解決辦法，只能儘可能使用偶數寬高

12.透明度：正常瀏覽器只寫opacity：0——1就能夠了。

　　在IE六、7下，需用IE濾鏡，fitter:alpha(opacity=0~100;)

13.輸入類型表單控件:  <inut type = "text"/>

    (1)在IE六、7下輸入類型表單控件加border:none;無效      

　　解決方法：給input重置一下背景色

    (2)在IE六、7下表單上下各有1px間隙     

　　解決方法：給input加浮動，     float:left;

    (3)輸入文字時，在IE6 、7下背景圖片會跟着移動。    

　　解決辦法：把背景加給父級，清掉自身背景。