html - 似乎无法让元素 float :right until breaking div -- then allow to get cutoff

Question

http://jsfiddle.net/erfjW/2/

我正在尝试让这个 jsfiddle 在浏览器窗口变得太小时让 RHS 不下降到下一个级别。相反，我希望它保持位置——就好像它在固定宽度的父容器内一样。 LHS 上的内容不应移动。

我尝试从 SO 的源代码开始工作——顶部的导航栏基本上做了我想要的，除了允许内容从 LHS 移开。当我试图调整它时，我破坏了整个功能。

如果无法以简单的方式做到这一点，我愿意接受其他建议。谢谢。

编辑:RHS 区域是一个搜索框。我不希望它覆盖左对齐的 URL 链接。因此，绝对定位在这里不起作用——它会呈现在 URL 链接上方，而不是让自己在到达它们时被切断。

Answer 1

嗯...如上所述，一种解决方案是使用绝对定位。我为此做了一个 fiddle here .

您遇到的问题是您不希望任何一方的内容覆盖另一方 - 确实没有办法保证这一点。正如您从 fiddle 中看到的那样，最终，在屏幕尺寸足够小的情况下，内容 A 将覆盖内容 B。

解决方法是使用固定宽度的容器，并为左右 div 定义宽度(以像素或百分比为单位)。我为这个解决方案做了一个 fiddle here .