html - 即使给出了更清晰的信息，也无法将 div 完全包裹在浮动 div 周围

Question

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

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

PS:我不想给出溢出：隐藏

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;

}

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

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

}