调整窗口大小时限制居中div的水平范围

Question

我有两个div。一个应位于左窗口边界的5％，另一个应位于前面提到的div的右侧，并相对于窗口宽度居中。如果窗口太窄，它不应该与第一个div重叠，它也不应该移动到下面。

无论发生什么，都应该位于前两个div中最高的位置。

我该怎么做？

我最接近的是使用第一个div的浮点数。 http://jsfiddle.net/7qVLm/

编辑：这是我很满意的最终结果：http://jsfiddle.net/ATHpg/

感谢@Christopher Smithson和@gmebeh，他的答案帮助我找到了这个解决方案。

Answer 1

这是为您的解决方案考虑的小提琴。

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

Answer 2

基于百分比的width，您可以实现这一目标：

jsFiddle

• #d1占左侧中心对齐内容的5％
• #d2相对于浏览器窗口居中，永远不会重叠#d1
• 两者均使用固定高度来容纳固定数量的内容

使用百分比来获得您想要的确切宽度。