javascript - 从左到右强制内容不溢出高度

Question

目前，通过使用左浮动元素，我能够在具有水平滚动的容器中强制内容从左到右。 (见图一)

我需要框按图像 2 的顺序流动。到目前为止，如果内容“碰到”div 的底部，我找不到任何方法来阻止内容向右移动——它要么流到外面，要么在使用溢出时表面上停止:隐藏。

内容正在动态加载

这可以用 CSS 完成还是我需要 javascript？

非常感谢任何帮助

图片1

图片2

Answer 1

您将不得不使用 <div>为内部内容创建列。然后，您可以使用 jQuery 的 append() 将您的内容动态加载到所选的 div 中。方法。

我建议使用布局“网格”库来减少跨浏览器错误并使您的列布局更容易一些。 Twitter Bootstrap 框架非常适合:http://twitter.github.com/bootstrap/

这是网格部分的链接:http://twitter.github.com/bootstrap/scaffolding.html