CSS - 制作div的“墙”，它们之间没有空格

Question

我想要做的是将divs彼此粘在一起以创建它们的墙。

问题在于，实际上他们看起来并没有像我在我的尝试中看到的那样彼此坚持：http://jsfiddle.net/w3htK/2/

我尝试使用float:left;，但实际上没有帮助

我希望最终结果是这样的：

因此，独立于内容大小，每个div都会粘在前面，而它们之间没有空白部分

你有任何线索吗？

Answer 1

您可以尝试用以下内容替换CSS：

div.foo {
    float:left;
    max-width:50%;
    min-width:30%;
}

Answer 2

首先，在你的jsfiddle中，在浅绿色分割后有一个额外的div结束标记。也许它应该关闭.foo分区。

其次，要使屏幕截图中描述的div堆叠，您可以通过添加以下规则集将第二个div浮动到右侧：

.foo div:nth-of-type(2) {
    float: right;
}

Answer 3

我想你想让divs垂直相互接触？

您可以为http://davidwalsh.name/css-columns

使用CSS列