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

Question

我正在尝试制作某种时间轴，但我不能保持div水平浮动。

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

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

目前的情况是它漂浮在前一个之下，留下一些丑陋的空白区域。

如何横向维护所有内容？

感谢任何帮助！

感谢adv，Richard

修改

<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>

Answer 1

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

E.g。

#wrapper { width: 900px; }

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

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

Answer 2

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