本文介绍了一个在IE6浏览器中出现的position:relative元素滚动问题及其解决方案。此问题表现为带有overflow属性的父元素内，position:relative子元素错误地表现出position:absolute行为。文章提供了两种解决方法：一是为父元素设置position:relative；二是移除子元素的position:relative并用margin-top替代。
BUG描述：
页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。
分析：
这是IE6一个已知的BUG：当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。
解决方法：
1.为包含块元素添加属性position:relative 。
2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。
页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。
分析：
这是IE6一个已知的BUG：当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。
解决方法：
1.为包含块元素添加属性position:relative 。
2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
