设置position属性IE6滚动条失效解决方案

问题分析：

今天做高度溢出自动出滚动条效果，原因是因为设置自动条滚动的标签里面又包括设置定位的元素，这样以来，IE6问题来了，定位的元素始终不随之滚动，错误停留在一个地方，大家可以测试下面的代码。

代码演示：

<div style="height:100px; width:100px; font-size:12px; line-height:20px; overflow-y:auto; border:#F90 1px solid;">
<p>北京网站建设</p>
<p>北京网页制作</p>
<p>北京专业网站设计公司</p>
<p>web特效大全</p>
<p>IE6滚动条失效</p>
<div style="height:50px; background:#FF6; position:relative;">
<p>北京网站建设</p>
<p>北京网页制作</p>
</div>
</div>

上面的代码IE6是有问题的，相信大家都有遇到过，其实解决方法很简单只需讲设置高度溢出自动滚动条的标签也设置相对定位即可：

<div style="height:100px; width:100px; font-size:12px;
line-height:20px; overflow-y:auto; border:#F90 1px solid;
position:relative;">
<p>北京网站建设</p>
<p>北京网页制作</p>
<p>北京专业网站设计公司</p>
<p>web特效大全</p>
<p>IE6滚动条失效</p>
<div style="height:50px; background:#FF6; position:relative;">
<p>北京网站建设</p>
<p>北京网页制作</p>
</div>
</div>

OK，完美解决。