Html 控制表格的滚动

这里我有两个

s：

（底部的灰色框是滚动条。）

一个是包含长文本的表格，另一个是包含多个

th

和

td

的表格

下面是表格的css：

table {
  table-layout: fixed;
  width: 100%;

  border-collapse: collapse;
  display: block;
  max-width: -moz-fit-content;
  overflow-x: auto;
  white-space: normal;
}

我对第二张表的格式很满意；由于水平方向上有许多单元格，因此应保持可滚动

但同时，我想让上面的表有一个长的连续文本，以便在单元格内换行，因为正是长文本使其溢出

如何同时实现这两个功能