Firefox溢出：滚动调整大小问题

Question

在Firefox ......

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

“容器”DIV应该有滚动条，因为id为“content”的div比它宽。

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

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;