相容性 1 頁面在不同瀏覽器中可能顯示不同 在IE6下 子級的寬度會撐開父級設置好的寬度 溫馨提示：和模型的計算一定要精確，IE瀏覽器可能顯示不同 相容性 2 在IE6中，元素浮動，如果寬度需要內容撐開， 需要給裡面的快元素 添加浮動 才可以 相容性 3 在IE6,7下，元素要通過浮動{float： ...
相容性 1
頁面在不同瀏覽器中可能顯示不同 在IE6下 子級的寬度會撐開父級設置好的寬度 溫馨提示：和模型的計算一定要精確，IE瀏覽器可能顯示不同 相容性 2 在IE6中，元素浮動，如果寬度需要內容撐開， 需要給裡面的快元素 添加浮動 才可以 相容性 3 在IE6,7下，元素要通過浮動{float：left；}排在同一排，就 需要 解決：給這個元素都加浮動 相容性 4 註意標簽的嵌套規則 相容性 5 在IE6 下，元素的高度如果小於19px的時候，就會 當成19px來處理 解決方法：overflow：hidden； 相容性 6 在IE6 下不支持1px的dotted邊框樣式 解決：切背景平鋪 相容性 7 在IE下大部分相容性都是因為 haslayout 屬性 的觸發問題，儘量觸發 haslayaout 屬性 可以 減少很多IE下相容性問題 在IE下父級有邊框的時候，子元素的margin會失效 解決：觸發父級 haslayout 屬性 相容性 8 在IE6下雙邊距bug 在ie6 塊元素 ，有浮動， 有橫向 margin的值 的時候，橫向的margin的值會誇大兩倍 解決：轉換為內斂 display：inline； margin-left 一行中左側的第一個元素有雙邊距 margin-right 以行中右側 的第一個 相容性 9 在IE 6 7 下 li 本身沒有浮動，li裡面的內容有浮動， li下會產生一個間隙 解決： 1.給li加浮動 2. 給li加 vertical-align：top： 3.在IE 6 最小高度，li的間隙問題共存情況 加float：left； 相容性 11 當 一行子集的寬度之和父級的寬度相差超過3px， 或者子級元素不滿行的情況的時候，最後一行子級 的margin-bottom會失效。 相容性 12 在IE6 下 文字容溢出bug 子元素的寬度和父級的寬度如果相差小於3px的時候，兩個浮動元素中間有註釋或者內斂元素，就會出現文字溢出， 內斂元素越多，溢出越多 解決：用div吧註釋的或內聯元素抱起來 相容性 13 在IE下，當浮動元元素素和絕對定位是兄弟關係的時候， 絕對定位會失效 解決： 不讓浮動元素和絕對元素是兄弟關係，用div或者其他標簽吧 a邊檢抱起來 相容性 14 在IE 6 7下 ，子元素有相對定位，父級overflow抱不住子元素 解決： 給父級也加相對定位 相容性 15 在IE6 下，如果決定定位的父級寬高是奇數的時候， 子級元素的right和bottom的值會有1px的偏差 相容性 16 在IE67下，輸入型的表單標簽控制項上下會有1px的間隙 解決： 給input加浮動 相容性 17 css hack： \9 IE10Z之前的ie瀏覽器解析代碼 +或者* 表示ie7包括7之前的ie瀏覽器 -表示 ie6包括6之前的ie瀏覽器
