基本上我正在设计的网站在一个容器 div 中有 3 个 div。一个漂浮在左边。两个在右边，一个在上面，一个在下面。当浏览器最大化时，它们工作正常。问题是，当浏览器调整大小时，即使我设置了最小宽度，右侧的 div 也会换行到左侧的 div 下方。我希望 div 保留在原处，并显示一个滚动条。我确实尝试过溢出，但没有运气。有什么解决办法吗？
PS- 最初我也为内部 div 添加了最小宽度。他们似乎没有解决问题，所以我删除了他们。 非常感谢向正确方向提供解决方案或插入。
这是 jsFiddle 的链接 - http://jsfiddle.net/R62w4/3/
谢谢你，马修。虽然这解决了环绕问题，但我的网站现在在右侧有一条细线像素。知道我如何删除它吗？它从页眉继续到页脚。它不受与页眉或导航栏或页脚相关的 CSS 元素的任何更改的影响。
好的，我找到了右侧多余空间的原因。如果我增加外部 div 的边距，空间就会增加。有没有办法在不占用空间的情况下增加边距？
最佳答案
您可以将它们包装在这个中:
<div style="white-space:nowrap;">
</div>
... 以防止这种情况发生。
很难确切地知道问题出在哪里，你能发布一些代码或者制作一个JSFiddle吗？ ？
更新:
我认为问题在于您使用基于 % 的宽度和 px 作为边距 - 很容易忘记您有多少可用空间，随后您的布局会分崩离析。假设两个宽度为 50% 且边距为 1px 的左浮动 DIV 每次都会分成两行，因为它超过了 100%。
我稍微改变了你的 fiddle :http://jsfiddle.net/R62w4/5/
...只需将第一个 DIV 的左边距和其他两个 DIV 的右边距移动到父容器，似乎就可以为所有内容提供足够的空间。
附言您可以使用基于 % 的边距，只需确保您想要在一行上的所有内容都保持 <= 100%。
关于css - DIV 在浏览器调整大小时换行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8900439/