如何保持一個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的右邊緣相同

回答

相關問題