我正在尝试在我的网站的主容器中创建一个元素容器。为了使元素容器排成一行,我float:left;
对它们进行了应用。但是当我添加float
到它们时,主容器缩小了!我尝试应用clear:both
到主容器,但没有任何变化。
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>