同等空间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