javascript - 调整窗口大小时限制居中 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's 你可以做到这一点：

jsFiddle

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

玩弄百分比以获得您想要的确切宽度。