处理兼容性问题(浮动)，以及解决方法

1。haslayout，一般浏览器元素用overflow：hidden来包含其子元素（浮动），ie6用zoom：1来打开布局。

2。应该避免左浮动+左外边距。

3。透明图片对ie6应该gif。

4。清除浮动。clear：both和clearfix类，overflow：hidden。设置高度等。

clearfix类：

.clearfix:after{
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
        font-size: 0;
    }
.clearfix{*zoom: 1;}

overflow：hidden的缺点：

1.用了overflow：hidden后，如果子元素有定位到元素外，那么外面部分就被隐藏。请看：http://blog.snowinmay.net/work/demopage/demopage.html 中的链接部分。

2.在css3中，一些属性如：box-shadow,text-shadow 等，超出父亲元素部分也会被隐藏。