我想在我的网站的主容器中创建一个元素容器.为了使元素容器成一行,我应用了float：left;给他们.但当我向他们添加浮动时,主容器缩小了！我尝试将clear应用于主容器,但没有任何变化.
CSS：
#main_container
{
clear:both;
margin-top:20px;
padding:20px 10px 30px 15px;
background:#ccc;
}
.element_container
{
float:left;
width:238px;
height:300px;
border:1px solid #000;
}
HTML：
<div id="main_container">
<div class="element_container"></div>
<div class="element_container"></div>
<div class="element_container"></div>
</div>
