瀑布流布局及扩展——格子块的智能堆砌
图片分享网站Pinterest（beta），在不久前获得了2700$的投资，估值已超2亿元（据说现该公司团队有8人）。该网站的一大特色就是每一张分享的图片被拟作“Pin”被钉在页面上面，每一Pin依尺寸智能排列，同时滚动页面时异步加载新Pin，极具效果。这种创新模式被在国内也被广泛copy，其中最有前途的当属Mark之，以”Mark”代”Pin”,也算有些想法。
下面简单模拟下这种布局，这种布局在国内有人称之为瀑布流，当然这个名称主要还是指Pin在异步加载时的效果，而这个在本demo并没有做。
(本demo兼容所有浏览器，但还是建议你使用firefox,chrome等浏览器，效果更佳)
这种布局中虽然每个Pin的高度不尽相同，但是他们的宽度都是一样的。
那么假如，很邪恶的提出一个要求，宽度也不尽相同，只是说宽高都按比例成倍增加，那还怎么排列呢？
呵呵，如下
