IE6、IE7中定位元素导致相邻元素margin-top失效 解决方案

出现此bug的原因有几下几点:

  • 元素被设置为块元素(display:block/list-item/table);
  • 该元素触发了 IE 的 hasLayout;
  • 该节点之前存在一个可被渲染的绝对定位或固定定位元素;
  • 该元素设置了不等于 0 的 margin-top 值(正负 margin-top 值均可)。

解决方法是:

  • 相邻元素用padding-top来代替margin-top;
  • 在它们中间插入一个空标签实现占位。
posted @ 2013-02-27 16:02  Nancy_0324  阅读(1297)  评论(0编辑  收藏  举报