css - Firefox 溢出 :scroll resize issue

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;