即使在获得更清晰的div之后，也不能完全将div包含在浮动div中

Question

你好，我有一个围绕三个浮动div的包装器div，我想将包装器包裹在这些div周围，但我不能完全包装它们，我已经为浮动div设置了一个top :25px，所以这个div溢出恰好在包装器下面25px，

这是我的页面http://jsfiddle.net/vpcxP/，看看浮动div是如何溢出底部的主容器div的

附言:我不想给溢出:隐藏。

Answer 1

你有没有试过在#mainContainer的底部添加填充？

Answer 2

对于#mainContainer而不是height:auto使用overflow:auto

#mainContainer
{
overflow:auto;
width: 835px;
margin:0 auto; 
position:relative;
top:50px;
background-repeat:no-repeat;
background-image:url("Images/mainContainerBG.jpg");
box-shadow: 3px 10px  20px 5px #000;

}

您可能还需要调整宽度。将其设置为900px左右。您似乎已经重新定义了.column的样式。删除该属性并使用此for列。

.column
{
width:280px;
height:452px;
top:25px;
float:left;
left:5px;
box-shadow:3px 10px 7px 3px #4f4848;
background-color:#2c2b2b;
margin-left:5px;

}