一、常見問題
1、在IE6下內容會撐開設置好的寬高。
計算一定要精確，不要讓內容的寬高超出設置的寬高。
2、在IE6元素浮動，如果寬度需要內容撐開，就給裏面的塊元素都加浮動
3、在IE6/7下元素要通過浮動並在同一行，就給這行元素都加浮動
4、遵守標籤嵌套規範
5、IE6下最小高度問題
在IE6下元素的高度小於19px的時候，會被當做19px處理；
解決方法： overflow:hidden 超出隱藏
6、1px dotted 在 IE6下不支持
解決辦法： 切背景平鋪
7、在IE6下解決margin傳遞要出發haslayout
在IE6下父級有邊框的時候，子元素的marigin值消失，
解決辦法： 觸發父級的haslayout
二、浮動兼容性問題。
1、IE6下的雙邊距bug。
塊元素有浮動和橫向的margin值，橫向的margin值會被放大成兩倍
解決辦法：display：inline-block
2、IE6、7下，li本身沒浮動，但是li的內容有浮動，li下邊會產生一個間隙
解決辦法1：給li加浮動在加上寬度。
2、給li加vertical-align：top；垂直對齊方式。
當IE6下最小高度問題和li的間隙共存的時候， 給li加浮動。
3、當一行子元素佔有的寬度之和 和父級的寬度相差超過3px，或者有不滿行狀態的時候，最後一行子元素的下margin在IE6下就會失效。
4、IE6下的文字溢出bug
子元素的寬度和父級的寬度小於3px的時候，兩個浮動元素中間有註釋或者行級元素
解決辦法：用div把註釋或者行級元素包裹住。