調整窗口大小時限制居中div的水平範圍

Question

我有兩個div。一個應該從左邊的窗口邊界定位5％，另一個應該在前面提到的div的右邊並且相對於窗口寬度居中。如果窗口太窄，它不應該與第一個div重疊，並且它不應該移動到低於第一個div的位置。

無論發生什麼事情都應該放在前兩個divs中最高的位置下面。

我該怎麼做？

我最近來的是使用第一個div的浮動。 http://jsfiddle.net/7qVLm/

編輯：這裏是最後的結果，我很高興：http://jsfiddle.net/ATHpg/

由於雙方@Christopher史密森和@gmebeh其答案讓我去這個解決方案。

Answer 1

下面是您的解決方案考慮的小提琴。

http://jsfiddle.net/f2Muj/5/

Answer 2

隨着基於百分比width的，你可以做到這一點：

jsFiddle

• #d1是從左邊，居中對齊內容
• #d2爲5％相對於瀏覽器窗口居中，並且不會重疊#d1
• 兩者均使用固定高度來容納固定數量的內容

玩弄百分比以獲得您想要的確切寬度。