火狐溢出：滾動調整問題

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;