如何设置较小DIV的垂直滚动条与较大DIV的右侧对齐？

Question

我有2个DIV，第一个是80％的屏幕宽度。 第二个DIV在第一个DIV之下，我用AJAX onload函数将另一个页面xxx.html嵌入其中。它的宽度是500px，如何设置与第一个DIV右侧对齐的垂直滚动条？ （第二个DIV的宽度小于第一个。）

感谢。

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>

Fiddle

Answer 2

如果我找对你，你需要把第二个div的内容（iframe？）放到另一个div中，这是80％的宽度固定。如果设置高度，内容也可以垂直滚动。