javascript - 如何保持一个div的右边缘与另一个div的右边缘相同

Question

----------------                                    ----------------------->edge A
|              |                                    |                   |
| logo         |                                    | drop down list    |
|______________|                                    |___________________|
--------------------     --------------------     -------------------- --->edge B
|                  |     |                  |     |                  |  
|                  |     |                  |     |                  |
|                  |     |                  |     |                  |
| div 1            |     | div 2            |     | div 3            |
|                  |     |                  |     |                  |
|                  |     |                  |     |                  |
|__________________|     |__________________|     |__________________|



--------------------
|                  |
|                  |
|                  |
| div 4            |
|                  |
|                  |
|__________________|

以上是我当前的页面示例。

1. div 1-4 是图像组。如果网站页面足够宽，我会使用向左浮动来让它们排成一行；如果页面大小不足以容纳 4 个 div，则 div4 将转到第二行。

2. 下拉列表 div 使用 float: right ，因此它始终保持在页面的右边缘。

我的问题是:

如何让下拉列表的右边缘等于第一个 div 行的最后一个 div 的右边缘 ==> 这意味着:边 A = 边 B

Answer 1

这应该给你一个起点:http://jsfiddle.net/ryanrolds/kaaNF/

在 Chrome、FF4 和 IE8 中检查过。