HTML表格是';t响应溢出=滚动或任何高度变化

HTML表格是';t响应溢出=滚动或任何高度变化,html,css,overflow,Html,Css,Overflow,我有以下html(请原谅奇怪的缩进)。现在讨论的部分是最后一张表(身体上有id=“allErrorsTable”的部分)。我正在尝试获取它,以便当其内容变得太大时,表体将滚动,而不是从屏幕上延伸出去 <div class="tab-content noPadding" style="height: 100%"> <div class=&q

我有以下html(请原谅奇怪的缩进)。现在讨论的部分是最后一张表(身体上有id=“allErrorsTable”的部分)。我正在尝试获取它,以便当其内容变得太大时,表体将滚动,而不是从屏幕上延伸出去

                       <div class="tab-content noPadding" style="height: 100%">
                            <div class="tab-pane active" id="dataTab"> ... </div>
                            <div class="tab-pane" id="errorTab">
                                <h5>Current Precinct:</h5>
                                <table class="table table-hover scrollable">
                                    <thead>
                                        <th onclick="sortTable(&quot;current&quot;, &quot;precinct&quot;)">Precinct:</th>
                                        <th onclick="sortTable(&quot;current&quot;, &quot;type&quot;)">Error Type:</th>
                                        <th>Resolve Error</th>
                                    </thead>
                                    <tbody id="currentErrorsTable"></tbody>
                                </table>
                                <h5>All Errors:</h5>
                                <table class="table table-hover table-sm">
                                    <thead>
                                        <th onclick="sortErrorTable(&quot;all&quot;, &quot;precinct&quot;)">Precinct:</th>
                                        <th onclick="sortErrorTable(&quot;all&quot;, &quot;type&quot;)">Error Type:</th>
                                        <th>Resolve Error</th>
                                    </thead>
                                    <tbody id="allErrorsTable" class="scrollable" style="height: 10px"></tbody>
                                </table>
                            </div>

... 
当前选区:
选区:
错误类型:
解决错误
所有错误:
选区:
错误类型:
解决错误
我知道,从顶层(选项卡内容)div到更高级别的父级的所有高度都很好,因为我在“dataTab”div中有一个单独的表,具有相同的滚动功能。不过,为了明确起见,这里顶级div中的100%来自一个height=“100vh”的父div,因此绝对高度是绝对高度

我知道这是一个高度不是绝对的问题,因为某些原因,但我给它一个10px的高度只是为了测试,它仍然没有调整大小。有人能帮我弄清楚我需要在哪里明确申报高度吗?我需要它们最终是相对高度,但让它调整大小/滚动是第一要务。

th{
边框样式:实心;
}

... 
当前选区:a;lkjsdf;lakjdsf;lkasjfds;lkfjdsaf;lkdsjfds;勒法基
选区:fskl;广告;lkfjdsf;lskfjds;lfajdsfj;lksf
错误类型:jfkal;dsljfla;jflkdsjflkdsjflkdsjflka
解决错误lja;jdsfl;ksajflkdsjflkdsjfl
所有错误:
选区:
错误类型:
解决错误

因此,这确实使我的表格标题具有边框,但这不是我遇到的问题,问题是它使您的表格可滚动。