兼容性：頁面在不同的瀏覽器上可能顯示不同泵额；
1迫悠、在IE6下，子集的寬度會撐開父級設置好的寬度于购；
溫馨提示：盒模型的計算一定要精確袍睡，否則IE瀏覽器可能會顯示不同；
2肋僧、在IE6中斑胜，元素浮動，如果寬度需要內(nèi)容撐開嫌吠，需要給里面的塊元素都添加浮動才可以止潘；
3、在IE6辫诅、7下凭戴，元素要通過浮動排在同一排，就需要給這行元素都加浮動泥栖；
4簇宽、注意標簽的嵌套規(guī)則；
5吧享、在IE6下魏割，元素的高度如果小于19px，會被當成19px來處理钢颂；
解決方法：overflow:hidden;
6钞它、在IE6下，不支持1px的dotted邊框樣式；
解決 方法：切背景平鋪遭垛；
7尼桶、在IE下，大部分兼容性都是因為haslayout屬性的觸發(fā)問題锯仪，盡量觸發(fā)haslayout屬性泵督，可以減少很多IE下的兼容問題；
在IE下庶喜，父級有邊框的時候小腊，子元素的margin會失效；
解決方法：觸發(fā)父級的haslayout屬性;
8久窟、IE6下雙邊 距的bug秩冈；
在IE6下，塊元素有浮動有橫向的margin的值的時候斥扛，橫向的margin的值會擴大兩倍;
9入问、IE6下，margin-left 一行中左側的第一個元素有雙邊距稀颁；margin-right 一行中右側的第一個元素有雙邊距芬失；
10、在IE6峻村、7下麸折，li本身沒有浮動，li里面的內(nèi)容有浮動粘昨，li下會產(chǎn)生一個間隙垢啼；
解決方法：1、給li加浮動张肾；2芭析、給li加vertical-align:top;
11、在IE6下吞瞪，最小高度的bug和li的間隙問題共存的時候馁启，給li加浮動，vertical-align:top不好使芍秆；
12惯疙、當一行子級元素寬度之和和父級的寬度相差超過3px，或者子級元素不滿行的情況時妖啥，最后一行的子級元素的margin-bottom會失效霉颠；（盡量避免）
13、在IE6下荆虱，文字溢出bug;
子元素的寬度和父級的寬度相差如果小于3px蒿偎，兩個浮動元素中間有注釋或者內(nèi)聯(lián)元素朽们，就會出現(xiàn)文字溢出，內(nèi)聯(lián)元素越多诉位，溢出越多骑脱；
解決方法：用div把注釋或者內(nèi)聯(lián)元素包起來；
14苍糠、在IE6下叁丧，當浮動元素和絕對定位是兄弟關系時，絕對定位會失效岳瞭；
解決方法：不讓浮動元素和絕對定位是兄弟關系歹袁，用div或者其他標簽把元素包起來；
15寝优、在IE6、7下枫耳，子級元素有相對定位乏矾，父級overflow包不住子級元素；
解決方法：給父級也加上相對定位迁杨；
16钻心、在IE6下，如果絕對定位的父級的寬高是奇數(shù)的時候子級元素的right和bottom值會有1px的偏差铅协；
17捷沸、在IE6下，固定定位fixed不好使狐史；透明度opacity:值（0～1）不好使痒给，用filter:alpha(opacity=50)設置；
18骏全、在IE6苍柏、7下，輸入型的表單標簽上下會有1px的間隙姜贡；
解決方法：給input加浮動试吁；
19、圖片半透明（png 24）楼咳，IE6不兼容熄捍；
解決方法：借助文件 DD_belatePNG_0.0.8a.js；
20母怜、在IE下余耽，條件注釋語句可以顯示
<!-- [if ie 6/7/8]>
我是IE6
<![endif]-->
21、css hack
background:red;
_background:yellow; // IE6及以下
+ background:yellow; // 或* IE7及以下
background:yellow\9; // IE9及以下
