使表格大小与div相同

Question

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

当我试图添加页脚时，内容与其重叠。下面是代码：

这里是页：page

Answer 1

的.middle CSS类设置的中心内容的高度25px因此，页脚定位与左边的菜单表的内容。 如果从CSS类中删除25px股利应按照您希望

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，但内容过载，这就是它重叠的原因。