Meteor #each Table增长大于HTML标签

Question

我有一个Meteor项目，我只需要在HTML表上列出一堆订单。但是当桌子太大时，它会像我这样重叠我的DIV：

起初我认为这可能是一个CSS问题，但后来我注意到HTML标签的大小比我的表大小小：

现在我有点迷失，我已经将所有DIV设置为100％高度，但由于HTML标签大小是静态的（出于某种原因：混淆:)，表格与我的DIV重叠。以下是我如何生成表格：

{{#if isNewOrder}}
    <h2 style="margin-left: 30px"> Pedidos Pendentes </h2>
    <table cellspacing='0'>
        <tr>
            <th>ID</th>
            <th>Data</th>
            <th>Cliente</th>
            <th>Telefone</th>
            <th>Valor</th>
            <th>Operações</th>
        </tr>
    {{#each tablecontent}}
        <tr>
            <td>{{id}}</td>
            <td>{{prettifyDate timestamp}}</td>
            <td>{{name}}</td>
            <td>{{phone}}</td> 
            <td>{{prettifyPrice price}}</td>
            <td>
                <button type="button" class="btn btn-info">Detalhes</button>
                <button type="button" class="btn btn-success">Aceitar</button>
                <button type="button" class="btn btn-danger">Rejeitar</button>
            </td>
        </tr>
    {{/each}}
    </table>
{{/if}}

没什么大不了的？我有两个会话变量（isNewOrder和tablecontent），isNewOrder告诉我是否应该显示该表，tablecontent包含我表中的所有元素。

那么，我错过了Meteor的大名单吗？或者它真的是我的CSS的问题（尽管我将所有DIV设置为100％的高度）。

最诚挚的问候，埃尔纳尼