使表格可滚动而不使用其他元素的固定高度

Question

我希望我的表格在许多div内都可滚动。仅当内容无法适应屏幕尺寸时才滚动。另外，我不希望使用固定大小的容器。

我尝试了媒体查询，将其设置为在一定的最大高度后可滚动，但无法使其达到预期的响应速度。

<div>
  <div></div>
  <div>
    <div>
      <div></div>
      <table></table>
    </div>
    <div></div>
  </div>
</div>