html - 使表格大小与 div 相同

Question

这对我来说很难问。简而言之：我的 div 重叠（超出表格）。我希望根据 div 调整表格的大小。

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

这是页面：页面

Answer 1

.middlecss 类将中心内容的高度设置为。25px因此，页脚的位置与左侧的菜单表内容相关。如果您25px从 css 类中删除 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，但内容超载，这就是它重叠的原因。