css - 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

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

---

您正在寻找 CSSclear属性。只需添加clear: both;到您的 CSS。

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

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