IE9中滚动条的问题,位置:固定,溢出:自动

ric*_*alm 13 html internet-explorer

我在IE9上遇到一个奇怪的问题,当使用具有固定位置和溢出的div时:在div上自动设置.

使用IE9在此处查看案例,并将窗口高度缩小到较小的尺寸.

http://bytiger.com/add/ie9_div_test.html

我可以确认在IE8上不会发生这种情况.

有没有人知道这个合理的黑客?我已经尝试将宽度设置为窗口宽度,但似乎它有意地从div的大小中减去滚动条宽度.我想看看是否有一个解决方案,不必计算此常量或硬编码,并将其添加回计算的宽度.

干杯!

编辑:Jsfiddle似乎没有表现出这个问题...所以这可能是一个很大的暗示,可能会发生什么.

http://jsfiddle.net/dvAKW/

haz*_*ard 21

似乎IE9无法正确处理box-sizing属性 - 将其从"border-box"更改为"content-box"或将其留空将解决您的问题.

  • 不幸的是,这不是一个可接受的解决方案 将box-sizing设置为content-box会违背目的,因为那时你不能使用width:100%并期望它相应地调整元素的大小,考虑填充. (3认同)