CSS左边的花车坐在彼此的顶部

Question

所以，我正在尝试创建一个div类，它将在一行中显示，然后在占用所有空间时自动换行到下一行。

.contributor_thumbnail {

    display: block;
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #777;

}

所以当我调用这样的代码时：

   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>
   <div class="contributor_thumbnail">thumb here</div>

div将并排坐下。

现在div正好重叠。有什么想法吗？

Answer 1

编辑：完全误读了您的问题...您以为您说没有希望它连续不断。噢，好吧，我会留在这里以防万一有人不知道。

---

您正在寻找CSS clear属性。只需将clear: both;添加到您的CSS中即可。

http://www.w3.org/TR/CSS2/visuren.html#flow-control

小提琴 http://jsfiddle.net/zRKYM/