Opera 浏览器渲染错误：垂直溢出和绝对定位。有人知道解决方法吗？

Question

我正在尝试解决 Opera 中看似错误的问题。

不受欢迎的行为 是 Opera 在浏览器窗口上放置了不必要的垂直滚动条。

当我有一个位置为relative且具有overflow-y:auto的外部div和一个位置为absolute且恰好比浏览器窗口的高度高的嵌套内部div时，就会发生这种情况。

例如：

<style type="text/css">
    #outer {
        position: relative; 
        overflow-y: auto; 
        width: 200px; 
        height: 200px;
    }

    #inner {
        position: absolute; 
        height: 2000px; 
        width: 50%; 
        border: 2px dashed blue;
        background: deeppink;
    }
</style>

<div id="outer">
    <div id="inner">Inner</div>
</div>

这是一个演示：

http://www.jaysweeney.com.au/overflow_issue.html

有趣的是，从上面的demo可以看到，并没有出现这个问题 用于水平溢出。

以下是我在 Opera 中看到的屏幕截图：

http://www.jaysweeney.com。 au/screen.png

我在 OS X 上使用 Opera 11.01。

如果有人知道此问题的解决方法，请告诉我。此刻我很困惑 更改我的标记和 JavaScript 以不使用绝对定位需要太多工作。

预先感谢，

杰伊。

Answer 1

看来这确实是一个错误。

我能想到的唯一解决方法是使用 body {overflow-y: hide;} 完全关闭浏览器窗口上的垂直滚动条

但是，这种措施可能有点过于激进......