IE7下POSITION:RELATIVE与OVERFLOW的问题

父容器设置overflow:auto;子元素设置属性position:relative;在ie6、ie7中该子元素不随滚动条滚动。

解决办法：

给设置了overflow:auto属性的父容器也加上position:relative。

下面贴出代码:

<div style="width:200px;height:300px; overflow:auto;"> <div style="width:100px;height:500px;"> <p>ie7动</p> <p style="position:relative;">position:relative;ie7不动</p> <p>ie7动</p> </div></div>

图片对比：