IE6横向外边距叠加的BUG 修整。之前博文当中,讲解过的关于margin的横向双倍bug。最近几天做测试的时候又发现了一些新问题,所以,特此修正一下触发条件和显示状态:
IE6 横向外边距叠加
需要满足的几个基本条件是:
块状元素进行了浮动;
设置了横向的外边距。
如果块元素向左进行了浮动,设置的外边距是右外边距(margin-right),那么此bug不会被触发。同样的,为向右浮动的块元素设置了左侧的外边距也不会触发bug。
同一个行当中,如果为多个浮动的块元素设置了外边距,但凡与父级有所接触的块元素,横向外边距会发生叠加,换句话说,即便是设置了左浮动和右侧外边距,如果最右侧的块和父级有所接触,那么右侧的外边距值会加倍。【原来版本中:只有第一个块元素的外边距会发生叠加,如果没有给第一个块设置外边距,只是给其他块设置了外边距,那么同样不会触发双倍边距的bug】。
另外,一定不要忘记,只有IE6才会出现这样的bug哦!