详解IE6横向外边距叠加的BUG



详解IE6横向外边距叠加的BUG 。margin相关bug当中有一个bug是,在IE6下,浮动的块状元素当中,如果设置了横向的外边距,则外边距会加倍。但是,之前的这种说法并不足够严谨。接下来,详细的说说这个bug的触发条件。

IE6 横向外边距叠加

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

块状元素进行了浮动;

设置了横向的外边距。

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

同一个行当中,如果为多个浮动的块元素设置了外边距,只有第一个块元素的外边距会发生叠加,如果没有给第一个块设置外边距,只是给其他块设置了外边距,那么同样不会触发双倍边距的bug。

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