注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Jon的毛线球

叩首问路,码梦维生。

 
 
 

日志

 
 

【转载】IE6横向外边距叠加的BUG 修整  

2014-03-06 18:06:10|  分类: HTML+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
之前博文当中,讲解过的关于margin的横向双倍bug。最近几天做测试的时候又发现了一些新问题,所以,特此修正一下触发条件和显示状态:

IE6 横向外边距叠加

需要满足的几个基本条件是:

块状元素进行了浮动;

设置了横向的外边距。

如果块元素向左进行了浮动,设置的外边距是右外边距(margin-right),那么此bug不会被触发。同样的,为向右浮动的块元素设置了左侧的外边距也不会触发bug。

同一个行当中,如果为多个浮动的块元素设置了外边距,但凡与父级有所接触的块元素,横向外边距会发生叠加,换句话说,即便是设置了左浮动和右侧外边距,如果最右侧的块和父级有所接触,那么右侧的外边距值会加倍。【原来版本中:只有第一个块元素的外边距会发生叠加,如果没有给第一个块设置外边距,只是给其他块设置了外边距,那么同样不会触发双倍边距的bug】

另外,一定不要忘记,只有IE6才会出现这样的bug哦!


出自-独行冰海

  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017