IE6、IE7中定位元素导致相邻元素margin-top失效 解决方案
出现此bug的原因有几下几点:
- 元素被设置为块元素(display:block/list-item/table);
- 该元素触发了 IE 的 hasLayout;
- 该节点之前存在一个可被渲染的绝对定位或固定定位元素;
- 该元素设置了不等于 0 的 margin-top 值(正负 margin-top 值均可)。
解决方法是:
- 相邻元素用padding-top来代替margin-top;
- 在它们中间插入一个空标签实现占位。
出现此bug的原因有几下几点:
解决方法是: