css - 位置 :absolute+overflow:auto element? 内的 Opera 最大高度错误

标签 css overflow opera css-position w3c

我最近在 Opera 中遇到一个问题,当子元素具有更多内容但设置了最大高度时,它会尝试在 position:absolute+overflow:auto 父元素上显示滚动条。

为了说明该场景,请查看此演示:http://jsfiddle.net/kMZKm/12/

将定位元素更改为具有固定高度,或将内部元素更改为使用 height:100% 而不是 max-height:100%,将不会触发Opera 中的滚动条。

其他浏览器,如 Chrome、Firefox 或 IE,在这两种情况下都不显示滚动条。

我想知道这是 Opera 中的错误(出现在版本 11 和 12 中),还是只是 w3c 规范中未定义的场景?

(设置 overflow:auto parent with max-height children 似乎违反直觉,但该设置实际上对于 javascript 滚动等事情非常有用,Opera 的行为会导致报告子元素的意外高度,从而打破自定义滚动)

最佳答案

If you zoom out, the scrollbar appears in the other browsers as well. A changelog may be the reason: Spatial navigation in an overflow:hidden box not scrolling

关于css - 位置 :absolute+overflow:auto element? 内的 Opera 最大高度错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12525927/

相关文章:

html - 在 Opera 和 Firefox 中设置音频标签 currentTime 会导致错误

twitter-bootstrap-3 - 如何防止 Bootstrap glyphicon 渲染为 emoji (Opera, FF)?

html - 我的整个网站在 Firefox 和 Opera 中是不同的颜色

html - Blogger 页面菜单覆盖了我的代码

使用 sprite 构建 css 图像

html - 如何在不使用最小宽度或精确固定宽度的情况下使元素水平滚动?

html - CSS - 段落将无法在 div 中正确显示

c# - 如何解决 MongoDB 溢出排序阶段错误?

c++ - QT中通过qss定位QPushButtons

html - Bootstrap 3 选项卡悬停样式问题