日期:2014-05-17 浏览次数:20697 次
1.?? 现象:
这个bug非常常见,如果发现IE6里的某个距离变大,首先考虑是否是双倍边距问题。IE6双倍边距即IE6下的margin值翻倍,即:假如设置的属性是margin-left:20px,那么在ie6中的效果就是margin-left:40px。
注意:padding也是同样,也是同样处理
2.?? 出现条件:
1、存在于父元素与子元素之间
2、子元素同时设置了浮动和外边距属性
3、并且浮动方向与外边距方向一致(如:同时设置了margin-left和float:left)
3.?? 解决办法
将div的display设置为inline
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;????
例如:
<div id=”imfloat”>????
相应的css为????
#IamFloat
{
float:left; margin:5px;/*IE6下理解为10px*/?
display:inline;/*IE6下再理解为5px*/
}??
我们只要把字体设为0就可以解决。
例如:.mm{height:3px; font-size:0}