美文网首页
Web开发-IE6 兼容性

Web开发-IE6 兼容性

作者: Joezer | 来源:发表于2018-03-26 15:52 被阅读5次

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

相关文章

网友评论

      本文标题:Web开发-IE6 兼容性

      本文链接:https://www.haomeiwen.com/subject/zfmhcttx.html