1。haslayout,一般浏览器元素用overflow:hidden来包含其子元素(浮动),ie6用zoom:1来打开布局。
2。应该避免左浮动+左外边距。
3。透明图片对ie6应该gif。
4。清除浮动。clear:both和clearfix类,overflow:hidden。设置高度等。
clearfix类:
1 .clearfix:after{ 2 content: ""; 3 display: block; 4 height: 0; 5 visibility: hidden; 6 clear: both; 7 font-size: 0; 8 } 9 .clearfix{*zoom: 1;}
overflow:hidden的缺点:
1.用了overflow:hidden后,如果子元素有定位到元素外,那么外面部分就被隐藏。请看:http://blog.snowinmay.net/work/demopage/demopage.html 中的链接部分。
2.在css3中,一些属性如:box-shadow,text-shadow 等,超出父亲元素部分也会被隐藏。