Web开发-IE6 兼容性

IE6 Bugs & Solutions

                                                          ---Author：Merisc Ma
                                                          ---2015.08.14

一、IE6bugs

1. IE6双倍边距bug

一个样式里面既设定了“float：left；”又有“margin-left：100px；”的情况，就呈现了双倍情况。
如外边距设置为100px， 而左侧则呈现出200px，
解决：浮动元素上加上display:inline;的样式，或者尽量少用这种形式，这样就可避免双倍边距bug。

2. 当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？

这种情况可在父窗口加上 overflow:hidden/overflow:auto; zoom:1;
这两个样式属性，overflow:auto; 是让父容器来自适应内部容器的高度
zoom:1;是为了兼容 IE6而使用的CSS HACK

缺点是在IE浏览器下可能会增加额外的HTTP请求数。

推荐网址：
http://www.frontopen.com/2552.html 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10