Question

所以基本上我设计的网站在容器div中有3个div。一个漂浮到左边。两个在右上方，一个在下方。它们在浏览器最大化时工作正常。问题是，当浏览器调整大小时，即使我设置了最小宽度，右侧div也会在左侧div下面换行。我希望div保持原样，然后出现一个滚动条。我确实试过溢出，没有运气。任何解决方案？

PS-最初我也为内部div添加了min-width。他们似乎没有解决问题，所以我删除了它们。我们非常感谢正确方向的解决方案或推动。

谢谢你，马修。虽然这解决了包装问题，但我的网站现在右侧有一条细线像素。知道如何删除它吗？它从标题继续到页脚。它不受与标题或导航栏或页脚相关的CSS元素的任何更改的影响。

好的，我找到了右侧额外空间的原因。如果我增加外部div的边距，则空间会增加。有没有办法在没有空间的情况下增加边距？

Answer 1

您可以将它们包装在其中：

<div style="white-space:nowrap;">

</div>

......以防止这种情况发生。

很难确切地知道问题的位置，您可以发布一些代码或制作JSFiddle吗？

<强>更新

我认为问题在于你使用基于％的宽度和px作为边距 - 很容易忘记你有多少可用空间，随后你的布局分崩离析。考虑两个左侧浮动DIV，宽度为50％，边距为1px，每次都会突破两行，因为这超过了100％。

我改变了你的小提琴：http://jsfiddle.net/R62w4/5/

...只需将左边距从第一个DIV移开，右边距从其他两个移动到父容器，似乎为所有内容提供了足够的空间。

P.S。您可以使用基于％的边距，并确保您想要在一行上的所有内容保持＆lt; = 100％。

Answer 2

simpl css framework向您展示如何使用基于像素的边距进行基于百分比的列，这是您想要的。