ドキュメント本文に設定されている#container
div があります。height:100%; width:100%;
の内部#container
はdiv#box2
に設定されていheight:100%; width:200px;
ます。高さにたくさんのコンテンツを追加するdiv#box2
とdiv
、ドキュメントの本文からはみ出し、スクロール バーが表示されます。
コンテンツが追加されたときにドキュメントのスクロールバーでオーバーフローしないようにするにdiv#box2
100%
はどうすればよいですか?#container
100%
このフィドルを参照してください:http://jsfiddle.net/aDdTe/
基本的に、div#box2
ドキュメントの本文ではなく、スクロール バーを取得する必要があります。
アップデート
実際の開発シナリオをより適切に表すために、フィドルを編集しました。新しいフィドルはここにあります: jsfiddle.net/Nszjv で、サファリで期待どおりに動作していますが、Firefox は何らかの理由でスクロールバーをレンダリングしません....これに関するアイデアはありますか?