Opera css bug，网页应用显示不正确答案

【问题标题】：Opera css bug, web app is displayed incorrectlyOpera css bug，网页应用显示不正确
【发布时间】：2011-10-31 16:10:25
【问题描述】：

我发现我的网络应用显示不正确
由于以下错误，在 Opera 中：

#one {
    overflow: hidden;
    position: fixed;
    height: 100px;
    width: 100px;
}
#two {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: #ccc;
}

和html：

<div id="one">
    <div id="two"></div>
</div>

#two 不是占用整个视口，而是在 Opera 中被 #one 截断。
有没有办法在不影响其他浏览器的情况下解决这个问题？

【问题讨论】：

不应该这样工作吗？它被包含在#one 中，其中overflow: hidden。如果他们有position: absolute，它会以同样的方式工作。在大多数浏览器上。（我记得早期版本有一个错误，仍然显示溢出的内容）。
对于绝对位置 - 是，对于固定位置 - 否。这就是为什么所有其他主流浏览器（Chrome、FF、IE）都会在整个屏幕上展开#two

标签： html css cross-browser opera

【解决方案1】：

此错误已在 Opera 11.60 中修复，现在它的行为与其他浏览器完全一样。

http://jsfiddle.net/KPeYx/

【讨论】：

【解决方案2】：

使用只读选择器来定位 Opera：

#one:read-only { overflow: auto; }

【讨论】：