+---------------------------------+  +---------------+
|                                 |  |               |
|             divLeft             |  |    divRight   |
|       <- dynamic width ->       |  |     120px     |
|                                 |  |               |
+---------------------------------+  +---------------+
 
<div>
    <div id="divLeft">...</div>
    <div id="divRight">...</div>
<div>

有a solution that uses float:right on the right element但它需要重新排序这样的元素：

<div>
    <div id="divRight" style="float: right; width: 120px;">...</div>
    <div id="divLeft">...</div>
<div>

有没有需要重新排序元素的解决方案？我正处于重新排序它们会导致其他问题的情况.我更喜欢CSS / HTML解决方案,但我愿意使用Javascript / JQuery.

这是我尝试解决它的非工作JSFiddle.我正试图将蓝色div放在绿色div的右侧.