同等空間div內的父div？

Question

應該很簡單。我有一個寬度爲1100px的div，其中包含寬度爲300px的div。我需要將它們均等分隔開，並在下面的下一行清除一次，但不能在1100px寬度內放置。最好的方法來做到這一點？我從來沒有必要這樣做。

Answer 1

我想這就是你要找的。您可以使用nth-of-type保證金添加到中間盒

.background{ 
    background: black; 
    width: 1100px; 
    margin: auto 
    overflow: hidden; 
} 

.box{ 
    width: 300px; 
    height: 300px; 
    float: left; 
    margin: 0 0 20px 
} 

.box:nth-of-type(3n+2){ 
    margin: 0 100px 20px; 
} 

FIDDLE