将div的宽度调整为包含多个div的内容

Question

我遇到一个小问题。

其实我试图将“内容”的宽度调整为多个div。实际上，我试图将这些代码调整到几个屏幕，我无法指定特殊的宽度。内联块根本不起作用。我不知道为什么。我会将div内容放在页面中间，并在div内容中间放置中心类。其实是一个完美的中心。

有想法吗？

HTML

<div id="content"> 
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div class="badges"></div>  
<div style="clear:both;"></div>  
</div> 

CSS

#content{ 
    display:inline-block; 
} 

.badges{ 
    width:220px; 
    height:380px; 
    float:left; 
    background:red; 
    margin:10px; 
} 

感谢， 巴斯蒂安

Answer 1

不要使用浮动。

试试这个：

#content {text-align: center;} 
.badges { 
    width: 220px; 
    height: 380px; 
    background: red; 
    margin: 10px; 
    display: inline-block; 
} 

这是inline-block应该如何使用。

另外，请按照凯青的说法更正您的标记。

Answer 2

一个，你应该用实际的div结束标记关闭的div，而不是跨越。然后关闭该清除div以及