将div粘贴到稍后定义的div的右边界

Question

我在源代码中定义了以下div:

<div id="container">
    <div id="right">Right</div>
    <div id="left">Left</div>
</div>?

我无法对它们进行重新排序,因此我必须使用CSS,以便它们显示在页面上,如下所示:

+---------------------+
| container           |
| +-------+-------+   |
| | left  | right |   |
| +-------+-------+   |
+---------------------+

挑战是#left div的内容可以是任意宽度,无论宽度是多少,我都需要#right div坚持#left div的右边界.任何想法如何实现？

任何帮助赞赏!

此外,还有一个小约束:我需要#left和#right对齐#container div边框的左边.

Answer 1

您可以使用float: right移动div#right和div#left正确的两侧.这也应该对准右侧div#left来div#right.

#right, #left {
    float: right;
}