如何保持一个div的右边缘与其他div的右边缘相同

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



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

以上是我当前页面的示例。如何保持一个div的右边缘与其他div的右边缘相同

div 1-4是图像组。如果网站页面足够宽，我使用左边的浮动以使它们适合一行;如果页面大小不足以容纳4个div，则div4将进入第二行。
下拉列表div使用float：right，所以它总是保留在页面的右边缘。

这里我的问题是：

我怎能下拉列表的右边等于第一个div线S的最后一个div'右边缘==>这意味着：边缘A = B边

来源

2011-05-15 Xiwen

因为这个问题的格式化太可怕而贬低。 – 2011-05-15 01:54:05

sry只是修改我的帖子 – Xiwen 2011-05-15 01:54:20

这应该给你一个地方开始从：http://jsfiddle.net/ryanrolds/kaaNF/

经过它在Chrome中，FF4和IE8。

来源

2011-05-15 02:26:21

如果他的图像具有固定的 - 但不同的黑白图像 - 宽度，此解决方案将不起作用。虽然@Prophet没有提及，但由于页面宽度至少会有很大的变化，所以我怀疑这些图片是否正确排列。 – 2011-08-26 15:29:19

它取决于图像和视口宽度的动态。只要你左移（float：left），就没有办法让它们自动对齐。您可能需要切换到float：right，或者确保图像上有固定宽度，并将容器设置为固定宽度，以便您可以将下拉框固定到容器的右侧。或者，如果您确实希望所有内容都是动态和可变的，则必须在加载所有图像后调整宽度，然后在每个视口大小更改后重新计算宽度。

来源

2011-08-26 15:31:49

如何保持一个div的右边缘与其他div的右边缘相同

回答

相关问题