似乎无法让物品浮动：直到破坏div - 然后允许切断

Question

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

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

我尝试从SO的来源工作 - 顶部的导航栏基本上做了我想要的，除了允许内容远离LHS。当我试图调整这个时，我打破了整个功能。

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

编辑：RHS区域是一个搜索框。我不希望它覆盖左对齐的URL链接。因此，绝对定位在这里不起作用 - 它将在URL链接之上呈现，而不是一旦它到达它们就允许自己被切断。

Answer 1

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

您遇到的问题是您不希望任何一方的内容覆盖另一方 - 实际上没有办法保证这一点。从小提琴中可以看出，最终，屏幕尺寸足够小，内容A将覆盖内容B.

解决方法是使用固定宽度的容器，并为左右div定义宽度（以像素或百分比表示）。我为这个解决方案here做了一个小提琴。

Answer 2

一种简单的方法是position: absolute; right: 0。