Javascript Meteor#每个表的大小都比HTML标记大

我有一个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}}

{{#如果是新订单}
佩迪多斯潘登特斯酒店
身份证件
资料
客户
电传
英勇
歌剧院
{{#每个tablecontent}
{{id}
{{prettifyDate timestamp}
{{name}}
{{phone}}
{{美化价格}
细节
阿西塔
雷杰塔
{{/每个}}
{{/if}

没什么大不了的，对吧？我有两个会话变量（

isNewOrder

和

tablecontent

），

isNewOrder

告诉我是否应该显示该表，并且

tablecontent

包含表中的所有元素

那么，我是不是错过了《流星》的大名单？或者这真的是我的CSS的问题（尽管我将所有div设置为100%的高度）

---

问候您，Ernani

您需要查看css溢出属性。您可能还想考虑对数据进行分页Hello@Mikkel我曾考虑过使用overflow:scroll，但它复制了滚动条，并且有点混淆是的，双滚动条很烦人。我不是这方面的专家，但有办法解决它。我怀疑这是为了使容器的高度达到100%。是的，我通过将高度设置为99%来删除一个滚动条。但是现在在窗口的末尾和滚动条之间有一个空格，您需要查看css溢出属性。您可能还想考虑对数据进行分页Hello@Mikkel我曾考虑过使用overflow:scroll，但它复制了滚动条，并且有点混淆是的，双滚动条很烦人。我不是这方面的专家，但有办法解决它。我怀疑这是为了使容器的高度达到100%。是的，我通过将高度设置为99%来删除一个滚动条。但是现在在窗口的末端和卷轴之间有一个空格。