Html 如果浏览器窗口变小，保持div向左浮动

我正在尝试创建某种时间线，但我无法使div保持水平浮动。

我有一个隐藏溢出的div容器。 在容器内，我的div向左浮动。 在这些div内是具有固定宽度的ul

如果我调整浏览器的大小，我希望div从右侧优雅地切断

当前的情况是它漂浮在前一个的下方，并留下一些丑陋的空白

我怎样才能水平地维护一切

感谢您的帮助

谢谢你，理查德

编辑

<STYLE>
    #bericht_container{ border: thin solid #000000; margin-left:20px; overflow:hidden; padding:10px;  width:900px;}
    DIV.bericht_maand{ float:left; margin-left: 20px; border: 2px solid #A0A0A4; }
</STYLE>

#bericht_容器{边框：薄实线#000000；左边距：20px；溢出：隐藏；填充：10px；宽度：900px；}
DIV.bericht_maand{浮点：左；边距左：20px；边框：2px实心#A0A0A4；}

您必须将它们包装在一个div中，该div是您希望页面的最小宽度

例如

#包装{宽度：900px；}
... 您当前的HTML。。。

---

您不能使用CSS使div“dissapear”离开边缘，但在这种情况下，您可以让页面显示一个水平滚动条。

您必须将它们包装在一个div中，该div是您希望页面的最小宽度

例如

#包装{宽度：900px；}
... 您当前的HTML。。。

---

你不能用CSS让div“dissapear”离开边缘，但当这种情况发生时，你可以让页面显示一个水平滚动条。

我还没有测试过它，但我认为如果你将div宽度设置为100%并隐藏溢出，它应该可以工作。

我还没有测试过它，但我认为如果你将div宽度设置为100%并隐藏溢出，应该可以使用它。

你能提供一些HTML/CSS示例吗？你能提供一些HTML/CSS示例吗？你的宽度需要足够容纳这两个示例。谢谢，我有这个页面，可以很优雅地完成，但我似乎不能复制相同的行为？我想我现在看到了，它乘以容器中的div，并相应地设置容器的宽度，我想？但这是jquery的东西。我认为它可以用纯css完成。我会做更多的测试来确定！你可以使用纯CSS——你只需要让你的包装至少和里面的东西一样宽。它在它们周围起到屏蔽作用，所以它们不会倒塌。但据我所知，要获得它们所拥有的（没有水平滚动条），你必须使用JS。你的宽度必须足以容纳它们并排。谢谢，我有这个页面，它做得很优雅，但我似乎无法复制相同的行为？我想我现在看到了，它乘以容器中的div，并相应地设置容器的宽度，我想？但这是jquery的东西。我认为它可以用纯css完成。我会做更多的测试来确定！你可以使用纯CSS——你只需要让你的包装至少和里面的东西一样宽。但据我所知，要想得到它们所拥有的东西（没有水平滚动条），你必须使用JS。

#wrapper { width: 900px; }

<div id="wrapper">
    ... Your current HTML ...
</div>