允许div扩展或移过容器

Question

我有一个问题（代码是动态的，因此难以打印 - 我希望这很简单），当父容器div包含3个div元素向左浮动时，如果第3个div超出页面主体（即浏览器的宽度）它在下面划线。

我想让它浮动：留下任何东西，无论它是否经过“浏览器的终点”。这可能吗？

示例代码： -

<div id="container"><div id="divLeft"></div><div id="divCenter"></div><div id="divRight"></div></div>

所有div左侧，中间和右侧都是float：left;

然而，如果#divLeft的宽度超出浏览器宽度，它将在divCenter下运行。

非常感谢任何帮助！

Answer 1

最好的方法是在此设置div的固定宽度。

An example here

#container{width:306px;display:block;border:1px solid black;overflow:auto;}
#divLeft, #divCenter,#divRight{float:left;border:1px solid red;width:100px;}

如果您想要应用背景或边框，请不要忘记容器上的overflow:auto，否则它不会在您的div下。

Answer 2

似乎div不适合容器div，最后一个浮在它们下面。这就是浮点运算的方式。你必须安排它们的宽度。