您的位置:首页 > 其它

IE6下position:relative元素外有overflow:auto/scroll元素

2012-11-12 16:34 316 查看
BUG描述:

页面中某div使用了position:relative,外部有元素overflow:auto/scroll。在FF和IE7下表现正常,但是在IE6中该div会随鼠标滚动而滚动。

分析:

这是IE6一个已知的BUG:当某position:relative元素外有overflow:auto/scroll属性的块级元素包含时,会表现出postion:absolute的行为。

解决方法:

外部元素添加属性position:relative。

把该元素的position:relative属性去掉,使用默认的static定位,并通过margin-top等属性实现类似的效果。

代码结构如下

<ul style="overflow-y:scroll;">
<li><div style="position:relative;"></div></li>
<li></li>
</ul>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐