使表格大小与div相同

Question

这对我来说很难。 简而言之：我的div重叠（在表格外）。 我想根据div调整表的大小。

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

这是页面： 页面

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的height属性。 因为您将其设置为固定的25px，但是内容过载，所以这就是重叠的原因。