1.IE6不支持子代(>)和相鄰兄弟選擇器(+)。
2.建議少有@import因為外部css,IE6下會出現(xiàn)閃屏現(xiàn)象。

3.大型復雜網站,定義通用樣式,不要過分細分css,適當?shù)淖⑨尶梢蕴岣咝薷暮退阉鞯谋憷浴?/p>
4.單列自適應結構
.container:after{? //父元素
content:'';
display:block;
clear:both;
}
.left{ //左側子元素
float:left;
width:400px;
border:2px solid#0000fe;
margin-right:-400px;
}
.right{? //右側子元素
float:right;
width:auto;
margin-left:400px;
border:2px solid#0000fe;
}
5.background-image屬性高于background-color,背景圖會在背景顏色上面展示。

6.IE6中如何正常顯示png-24格式的圖片。

7.設置display:inline,解決IE6雙倍間距(margin)的bug問題。
8.清除浮動的5種方法
① 在浮動的子元素最后加一個<br clear="all"/>,清除浮動(ie6的效果,需在父元素加上zoom:1修正)。
② 也可以在相鄰的子元素設置清除浮動。
③ 設置父元素overflow:hidden,清除浮動,前提保證父元素內容不能超過其內容區(qū)域。

④ 利用設置父元素display:table,清除浮動(ie6及早期FF版本支持性不好)。
⑤ 利用父元素設置:after清除浮動

歡迎指正及補充!