1、*ie6下子級寬度會撐開父級設(shè)置好的寬度。

方案：將子級元素的寬度設(shè)置為小于等于父級元素的寬度盒模型的計算一定要準(zhǔn)確，否則在IE下會出現(xiàn)問題；

2、*IE6中，元素浮動：如果元素需要寬度進行撐開，需要給里面的子級元素都添加浮動才可以

3、*IE6的最小高度問題，

4、*IE6 下不支持1px的 dotted 邊框樣式切背景平鋪

5、*IE6/7/8下，父級有邊框的時候，子級的margin會失效，

方案：在IE下的大部分兼容性問題都是因為hasLayout屬性觸發(fā)的問題，盡量觸發(fā)hasLayout可以減少IE的問題

hasLayout只在ＩＥ６／７/８中有，zoom 界面加載初始賠率，觸發(fā)IE 中haslayout

6、在IE6下，！塊元素有浮動并且橫向有margin 的時候，橫向的margin會擴大兩倍!

方案：給塊元素設(shè)置display:inline;

7、ie6/7下，li本身沒有浮動，li里面的內(nèi)容有浮動。li下會產(chǎn)生一個間隙

方案：給li設(shè)置浮動：float:left;或vertical-align:top/middle/bottom;

8、ie6下，最小高度的BUG和li的間隙問題共存的時候，使用vertical-align:top/middle/bottom;是無效的

方案：必須使用float:left;

9、在ie6下 的文字溢出

子元素的寬度和父級的寬度如果相差小于3px的時候，兩個浮動元素中間有注釋或者內(nèi)聯(lián)元素的時候，就會出現(xiàn)文字溢出，內(nèi)聯(lián)元素越多，溢出越多

方案：用塊元素標(biāo)簽把注釋或者內(nèi)聯(lián)元素包裹起來

10、在IE6下，當(dāng)浮動元素和絕對定位元素是兄弟的時候，絕對定位會失效

方案：不讓浮動元素和絕對定位是兄弟，? 可以用div元素嵌套

11、在IE6/7下，子級元素有相對定位，父級overflow包不住子級元素

方案：給父級設(shè)置相對定位

12、ie6下，如果絕對定位的父級寬和高是奇數(shù)的時候，子級元素的right和bottom會有1像素的偏差

方案：跟美工商量，換偶數(shù)

13、ie6沒有固定定位，只能用JS去模擬

14、ie不認(rèn)識opacity

用：filter:alpha(opacity=0~100);

15、ie6/7下，輸入表單控件上下會有1px的間隙

方案：給input加浮動

16、ie6不支持透明度的方式

方案：通過JS

17、<!--注釋條件語句-->

<!--[if ie]>

我是IE

<![end if]-->

18、css hack