1.IE6不支持子代(>)和相鄰兄弟選擇器(+)是辕。
2.建議少有@import因為外部css囤热,IE6下會出現(xiàn)閃屏現(xiàn)象。
3.大型復雜網(wǎng)站获三,定義通用樣式旁蔼,不要過分細分css,適當?shù)淖⑨尶梢蕴岣咝薷暮退阉鞯谋憷浴?/p>
4.單列自適應結(jié)構(gòu)
.container:after{? //父元素
content:'';
display:block;
clear:both;
}
.left{ //左側(cè)子元素
float:left;
width:400px;
border:2px solid#0000fe;
margin-right:-400px;
}
.right{? //右側(cè)子元素
float:right;
width:auto;
margin-left:400px;
border:2px solid#0000fe;
}
5.background-image屬性高于background-color疙教,背景圖會在背景顏色上面展示棺聊。
6.IE6中如何正常顯示png-24格式的圖片。
7.設(shè)置display:inline,解決IE6雙倍間距(margin)的bug問題贞谓。
8.清除浮動的5種方法
① 在浮動的子元素最后加一個<br clear="all"/>限佩,清除浮動(ie6的效果,需在父元素加上zoom:1修正)裸弦。
② 也可以在相鄰的子元素設(shè)置清除浮動祟同。
③ 設(shè)置父元素overflow:hidden,清除浮動理疙,前提保證父元素內(nèi)容不能超過其內(nèi)容區(qū)域晕城。
④ 利用設(shè)置父元素display:table,清除浮動(ie6及早期FF版本支持性不好)沪斟。
⑤ 利用父元素設(shè)置:after清除浮動
歡迎指正及補充广辰!