css - 小さい DIV の垂直スクロール バーを大きい DIV の右側に揃えるにはどうすればよいですか?

Question

2 つの DIV があります。最初の DIV は画面の幅の 80% です。2 番目の DIV は最初の DIV の下にあります。別のページ xxx.html を AJAX onload 関数で埋め込んでいます。幅は 500px です。最初の DIV の右側に垂直スクロール バーを配置するにはどうすればよいですか? (2 番目の DIV の幅は 1 番目よりも小さいです。)

ありがとう。

Answer 1

両方のdivをコンテナに入れて、右側にフロートさせます。

<div id="container">
    <div id="div1" style="width:80%; float:right"></div>
    <div id="div2" style="width:500px; float:right; clear:right"></div>
    <div style="clear:both"></div>
</div>

フィドル

Answer 2

私が正しく理解している場合は、2 番目の div のコンテンツ (iframe?) を別の div に配置する必要があります。これは 80% の幅が固定されています。高さを設定すると、コンテンツは縦スクロール可能になります。