<div> overflow:在调整大小之前,auto不显示滚动条

Dav*_*veK 12 html overflow internet-explorer-7

我的表单上有一个看起来像这样的元素:

<div style="overflow-y:auto;overflow-x:hidden;height:100%;width:100%">
Run Code Online (Sandbox Code Playgroud)

在IE7中,当页面首次呈现时,没有滚动条.但是,如果我调整页面大小(即使只有1个像素),滚动条也会正确显示.

有什么我可以这样做,以便滚动条在页面首次显示时正确显示?

hap*_*rry 11

如果您总是需要滚动条,请将overflow-y设置为"滚动".


Baz*_*une 6

这是来自IE6和IE7中的hasLayout错误的问题.它会影响IE呈现页面的方式.要摆脱这个问题,你应该考虑阅读关于hasLayout行为及其黑客的这个伟大页面.还有官方微软hasLayout专用页面.

建议的黑客是,height: 0;zoom: 1;取决于您要定位的IE的版本和元素的类型.