Javascript 如何保持一个div'；s右边缘与其他分区相同'；s右边缘

以上是我当前页面的示例

第1-4部分是图像组。如果站点页面足够宽，我使用float left将它们放在一行中；若页面大小不足以容纳4个div，则div4将转到第二行

下拉列表div使用float:right，所以它总是保持在页面的右边缘

我的问题是：

---

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

这应该给您一个开始的位置：

---

在Chrome、FF4和IE8中进行了检查。

这取决于图像和视口宽度的动态程度。只要向左定位（float:left），就无法让它们自动对齐。您需要切换到float:right，或者确保图像上有固定的宽度，并将容器设置为固定的宽度，以便将下拉列表锚定到容器的右侧

---

或者，如果您真的希望所有内容都是动态和可变的，那么在加载所有图像后，您必须使用JavaScript调整宽度，并在每次视口大小更改后重新计算宽度。

Bownboat，因为问题的格式非常糟糕。如果他的图像具有固定但变化的黑白图像宽度，则此解决方案将不起作用。虽然@Prophet没有提到这一点，但由于页面宽度至少会有很大的变化，我怀疑这些图片是否会排得恰到好处。

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



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