火狐溢出：滚动调整问题

Question

在Firefox中......

<div id="container" style="overflow:scroll; width:400px; height:500px"> 
     <div id="content" style="height:500px; width:800px"/> 
</div> 

“容器” DIV应该有滚动条，因为ID为“内容”股利比它宽。

如果使用JavaScript（请参阅下文），我将“content”div的大小重置为“200px”，我期望div“容器”上的滚动条消失。他们不，除非我手动调整浏览器窗口的大小。

function Resize() { 
    document.getElement("content").style.width="200px"; 
} 

我试着通过应用css类强制回流容器。这没有工作...

function Resize() { 
    document.getElement("content").style.width="200px"; 
    document.getElement("container").className="test"; 
} 

Answer 1

设置overflow: scroll;应强制滚动条打开。 如果您希望它们出现并随内容大小消失，请尝试overflow: auto;