Question

我很难问。简而言之：我的div重叠（在桌子外面）。我希望根据div来调整表的大小。

当我尝试添加页脚时，内容会重叠。这是代码：

以下是页面：page

Answer 1

.middle css类将中心内容的高度设置为25px因此，页脚的位置与左侧的菜单表内容相关。如果从css类中删除25px，则div应该按预期工作

Answer 2

好的，我会建议你重写你的网站，因为它总是一团糟，使用我的模板作为初学者：

<div class="wrap">
<div class="header"></div>
<div class="body">
    <div class="left-side"></div>
    <div class="center"></div>
    <div class="right-side"></div>
</div>
<div class="footer"></div>
</div>

和css：

.wrap{
    width: 400px;
    height: 500px;
    margin: 0 auto;
}
.header{
    width: 100%;
    height: 50px;
    background-color: #dddddd;
}
.body{
    width: 100%;
    height: 350px;
}
.left-side{
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    background-color: #eeeeee;
}
.center{
    position: relative;
    float: left;
    width: 60%;
    height: 100%;
    background-color: #cccccc;
}
.right-side{
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    background-color: #eeeeee;
}
.footer{
    width: 100%;
    height: 100px;
    background-color: #dddddd;
}

以下是jsFiddle

中的实例

Answer 3

好吧，@ Arturas ..我有点同意@skmasq为您的网站。我认为如果你没有使用table进行布局会更好。但是，如果仍想使用您当前的网站源代码，请尝试删除.middle的高度属性。因为你设置固定25px，但内容过载，这就是它重叠的原因。

使表大小与div相同

3 个答案: