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

Question

在火狐中......

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

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

如果使用 JavaScript（见下文），我将“内容”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;