浮动DIV答案 - 爱码网

【问题标题】：floating DIV all over others浮动DIV
【发布时间】：2013-04-15 21:11:49
【问题描述】：

嗯，这更像是如何调用它来找到它的问题 :) 将带有短篇故事 DIV 的新闻线创建到像旧 facebook 时间线这样的列中，但是超过两行，我发现的大多数链接都像上面描述的 fb 时间线。 link01 或 link02 但我对创建类似的东西更感兴趣：

在 stackoverflow 上检查了很多信息，但我们又回到了上面描述的 fb 两列。有人对这种结构有经验或想法吗？

【问题讨论】：

【解决方案1】：

有两个 jQuery 插件在阅读您的问题时会立即浮现在脑海中。

这两个插件都可以帮助您获得所需的布局/结构。

【讨论】：

【解决方案2】：

据我所知，这称为 mozaic 布局，您可以使用 masonry js

实现类似的效果

【讨论】：

【解决方案3】：

查看960 Grid System。您最多可以将内容拆分为 16 列。它确实是完全在 CSS 中完成的最灵活的解决方案。由于它只是一个“基础”而不是插件，因此您必须在这方面投入更多的工作。

【讨论】：