如何将多尺寸框放在没有空格的容器中？

Question

有没有人知道如何在大容器中放置多个尺寸的多个div（盒子），让空白区域只在容器的底部？

以下是我想要的内容：

这就是我所拥有的：

谢谢！

Answer 1

听起来你正试图将各种尺寸的多个容器装入一个已知尺寸的容器中，以便尽可能地适应。如果你愿意使用jQuery，JQuery砌体是完美的，尽管不能保证它会留下底部的所有空白区域。

此处的文档：http://masonry.desandro.com/

在这里演示：http://masonry.desandro.com/demos/basic-single-column.html

您可以将gutterWidth设置为0以取出列之间的所有空间。 http://masonry.desandro.com/docs/options.html

Answer 2

如果没有更多信息（您当前的代码，图表，示例网站），我不确定您在这里问的是什么。如果您只是想在容器中添加底部间距，请尝试将CS​​S与padding-bottom一起使用？

Answer 3

你的意思是http://jsfiddle.net/ZFdHz/ ??