【发布时间】：2012-03-04 17:41:30
【问题描述】：
我需要的布局必须与以下 2 个站点完全一样。我该怎么做？
http://pinterest.com/ http://hakim.se/
【问题讨论】：
-
正如关于页面所说，“Stack Overflow 是一个编程问答网站”。在没有任何研究的情况下问非编程问题有什么意义？对于这种特定情况，Google 是您的朋友 ;-)
【发布时间】：2012-03-04 17:41:30
【问题描述】：
我认为jQuery plugin Masonry 是您正在寻找的。p>
【讨论】：
对于网格布局，我建议使用 960.css
这是当今创建网格布局的最常用方法。否则你也可以使用 Twitter Bootstrap 的网格系统：
【讨论】：
-
感谢您的评论。但它与网格无关。如果你仔细看pinterest.com，你会看到所有的浮动块都像链子一样定位。
-
你还是不明白我的想法。我认为是因为我的英语不好，我无法形容它好。在pinterest.com 上，所有块都向上移动。例如，在第一行完成后，第二行块在第一行块元素结束后立即开始。不是全新的行。
-
我的意思是你到目前为止尝试了什么？你的代码是什么？您应该考虑网格布局并在其中浮动您的 div，这就是应该完成的魔法。
-
@Gerelt Od：也许您需要添加另一个示例 -> hakim.se
听起来你在寻找 jQuery“Masonry”插件http://masonry.desandro.com/
你提到了方块是如何移动的。这就是这个脚本的作用。如果您想看到它的实际效果，您应该查看animation example。调整浏览器大小以查看效果。
【讨论】：