css - Firefoxのオーバーフロー：スクロールサイズ変更の問題

Question

Firefoxの場合......

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

IDが「content」のdivはそれよりも幅が広いため、「container」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;