IE6 IE7绝对定位导致相邻元素margin-top失效

描述

在IE6、7中,定位元素会导致其紧随的相邻标签margin-top失效

HTML代码

HTML代码

对应CSS

CSS代码

IE6/7效果

IE67效果

可以看到,在IE6/7中,紧跟在绝对定位DIV后面的标签,margin-top失效了

解决方案

  1. 在两个元素中插入空标签,占位
  2. 使用padding-top代替margin-top

最后采取了第二种方案解决。

相关阅读

  1. IE6、7中定位元素导致相邻元素margin-top失效Bug

IE6 IE7绝对定位导致相邻元素margin-top失效

1 条用户评论。
  1. 评论 发表时间:01-24 10:25 1楼

    还有一种方法就是第二个也绝对定位,然后top一下,虽然定位对渲染有点影响,但是一个子元素用了,第二个用定位也没啥(平时就是这么做的),你的第二种方法也好点O(∩_∩)O~

添加新评论 »