2010-08-27 43 views
0

所以,我試圖創建一個div類,它將在一行中顯示,然後在佔用所有空間時自動換行到下一行。CSS左側花車坐在彼此之上

.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一定並肩而坐。

現在divs只是重疊。有任何想法嗎?

+0

這只是開始工作......也許我只是沒有上傳 – ThinkingInBits 2010-08-27 11:41:42

+0

之前更改保存優良似乎對我說:你http://jsfiddle.net/ydBrY/很可能會留下一些問題。發佈適當的例子作爲URL或像我一樣使用jsfiddle。 – RoToRa 2010-08-27 11:42:14

+0

您不需要爲div指定'display:block;',因爲它們本質上是div級元素。 – Kyle 2010-08-27 11:42:36

回答