**1.計算一定要精確，不要讓子元素大於父元素
不然ie會撐開父元素出問題
2. 在ie6元素浮動，如果寬度需要內容撐開，就給裡邊的塊元素都加浮動
不然裡面的元素會佔滿父元素的父元素的正行，浮動就沒用！
3. 在ie6，7下元素要通過浮動並在同一行，就給這行元素都加浮動
4. 注意標籤巢狀規範
5. ie6下最小高度問題
在ie6下元素的高度的小於19px的時候，會被當做19px來處理
解決辦法:overflow:hidden;就可以截去超出部分。
6. 1px dotted 在ie6下不支援
解決辦法:切背景平鋪在ie6下解決margin傳遞要觸發haslayout
在ie6下父級有邊框的時候，子元素的margin值消失
解決辦法:觸發父級的haslayout
zoom:1
ie6下雙邊距bug
在ie6，(塊)元素有浮動和和（橫向）的margin值 ，橫向的margin值會被放大成兩倍
解決辦法: display:inline;
margin-right 一行右側第乙個元素有雙邊距
margin-left 一行左側第乙個元素有雙邊距
在ie6，7下，li本身沒浮動，但是li的內容有浮動，li下邊就會產生乙個間隙
解決辦法:
1.給li加浮動 —–推薦
2.給li加vertical-align
當ie6下最小高度問題，和 li的間隙問題共存的時候 給li加浮動當浮動元素和絕對定位元素是並列關係的時候，在ie6下絕對定位元素會消失
解決辦法:
給定位元素外麵包個div
11.
在ie6，7下，子元素有相對定位的話，父級的overflow包不住子元素
解決辦法: 給父級也加相對定位在ie6下絕對定位元素的父級寬高是奇數的時候，元素的right值和bottom值會有1px的偏差
(無法解決)
13.
在ie6，7下輸入型別的表單控制項上下各有1px的間隙
解決辦法:給input加浮動
當裡面有元素的時候，有間隙
在ie6，7下輸入型別的表單控制項上下各有1px的間隙
解決辦法:給input加浮動
在ie6，7下輸入型別的表單控制項加border:none;
解決辦法: 重置input的背景
在ie6下 在important 後邊在家一條同樣的樣式，會破壞掉important的作用，會按照預設的優先順序順序來走HTML相容性處理
注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...
相容性（空格相容性）
在chrome與firefox下顯示的寬度不同，原因是兩個瀏覽器的預設字型不同，給html規定字型即可解決。下面有各種形式的空格，各有不同 不換行空格，按下空格鍵所產生的空格，受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...
關於相容性測試
相容性測試 檢測軟體與軟體之間是否會按照期望進行互動和資源共享。軟體本身的相容性 新開發的版本需要對歷史的版本進行兼 容 不同平台下的相容性 軟體是可以並行在多個平台上 軟體對執行裝置的相容性 軟體執行在不同型別的裝置，不 同的裝置可能會表現差異，所以需要對裝置進行相容 軟體互操作性 比較特殊的相容...