html - 如何使用动态添加行的表格增加 div 高度？

Question

我有一个 div main，它有一个表 grid。该表动态添加了您的行。所以，问题是，当我向表 grid 添加一行时，表的高度增加了，但是 div main 的高度没有。因此表格停留在页脚内容的前面。我必须在 css 或 html 中添加什么来强制 div main 的高度随着表格 grid 的高度增长？

代码和行为:http://jsfiddle.net/BBcsB/8/

问题出在此处的字段集:

fieldset
{
    border: 1px solid #DDDDDD;
    padding: 0px 20px 5px 10px;
    margin: 0 0 1.5em 0;
    display: inline-block;
}

因此，当我删除 display: inline-block; 时工作正常，但字段集很大，占据了整个 div 的宽度和高度。我怎样才能解决这个问题并保留围绕其中元素的字段集？

Answer 1

.div_that_contains_the_table
{
height: auto; overflow: hidden;
}

应该可以，但我没有试过，如果有问题告诉我。