IE8中position:absolute下的bottom:0的表现类似于position:fixed。

4
我有一个DIV,必须始终停留在页面的底部/左侧,类似于页脚菜单。
div#bottom_menu
{
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 90%;
}

我的页面已经定义了最小高度,当用户将其缩小到该高度以下时,它会出现滚动条。 问题是当这种情况发生时,在IE8中,div会向上移动以匹配新的视点最低点,就像它如果使用position: fixed一样。更糟糕的是,当你再次向下滚动时,元素不会向下移动(就像在position: fixed中),而是荒谬地停留在页面中间。这在Firefox,Opera和Chrome中完美运行。这是否是已知的IE错误,如何解决?

1个回答

3

太好了,我因为提出一个非常不受欢迎的问题而获得了Tumbleweed徽章。

在等待别人帮助我的时候,我像往常一样自己解决了它。我把bottom_menu放在一个包装div中,这个div与旧容器非常相似,唯一的区别是它没有overflow: hidden;,并且不直接位于body内部。由于某种奇怪的原因,这修复了它。也许它会帮到某些人。


我有同样的问题,但在FF 3.6中。为了澄清,当div#bottom_menu在未经样式处理的包装div中工作时,该包装div不是body的直接子级吗? - Pat Long - Munkii Yebee
不,我有另一个包装器,它包装了所有页面元素,包括div#bottom_menu。它并不直接是body的子元素。请注意,我在FF上没有遇到任何问题/也许你的问题不同? - Boris Hamanov

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接