返回列表

IE6 bug 之position:relative

默认分类 2014/08/09 08:47

IE6 下使用 position:relative 时, 如果父relative和子relative之间有元素设置了padding, 则子relative的位置会错位,跑到父relative下.

代码如下:

<div style="padding:100px 0px 0px 50px;position:relative;z-index:1;border:1px solid green;">
    <div style="padding:100px 0px 0px 50px;border:1px solid orange;">
    <div style="height:653px;border:1px solid orange;">
        <div style=" border: 1px solid red; left:1px; position:relative;z-index:2;" >aaaaaaaaaa</div>
    </div></div>
</div>