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

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

你可能感兴趣的:(兼容性)