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

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 等，超出父亲元素部分也会被隐藏。

转载于:https://www.cnblogs.com/snowinmay/archive/2013/04/08/3009129.html