html - CSS - 制作一个 "wall"的 div，它们之间没有空格

Question

我想做的是将 div 一个接一个地粘在一起，形成一堵墙。

问题是实际上它们看起来并没有像您在我的尝试中看到的那样相互粘在一起:http://jsfiddle.net/w3htK/2/

我尝试使用 float:left; 但确实没有帮助

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

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

你有什么线索吗？

Answer 1

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

其次，要使 div 堆叠如屏幕截图所示，您可以通过添加以下规则集将第二个 div float 到右侧:

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