我最近在Opera中遇到了一个问题,它试图在某个位置显示滚动条:absolute + overflow:auto parent,当子元素有更多内容但设置了max-height时。
为了说明该方案,请查看此演示:http://jsfiddle.net/kMZKm/12/
将定位元素更改为具有固定高度,或将内部元素更改为使用height:100%
而不是max-height:100%
,将不会触发Opera中的滚动条。
其他浏览器(如Chrome,Firefox或IE)在两种情况下均不显示滚动条。
我想知道这是否是Opera中的错误(出现在ver.11和12中),或者仅仅是w3c规范中的未定义场景?
(溢出可能看起来有点违反直觉:带有max-height子元素的自动父级,但是设置实际上非常适用于javascript滚动,Opera的行为会导致子元素的意外高度被报告,从而打破了自定义滚动)