Html 表格滚动条

我有一个系统：

---

我想为表格添加滚动条。但是，一旦ad或tbody被制作成

display:block

，它们的宽度就会减小。我已尝试固定车身高度并使

溢出：自动

。但是，它不起作用。

将您的

表

包装在

div

中，它应该设置为

溢出：自动；高度：80vh

表THAD tr th{
背景色：白色；
位置：粘性；
z指数：100；
顶部：-1px；
}
.集装箱{
利润率：50像素；
}
.集装箱h1{
颜色：#2f4f6f；
}
.名单{
边框：1px实心#6c7ae0；
宽度：100%；
边缘顶部：20px；
填充：0；
边界塌陷：分离；
边界间距：0；
盒影：0 0 70px#bbb，0 0 30px#6c7ae0；
}
.list tr{
边框：1px实心#ddd；
填充物：5px；
}
.list tr：悬停{
背景色：#ddd；
}
.名单第，
.列出运输署{
填充：10px；
文本对齐：居中；
}
.列出运输署{
颜色：#333；
}
.list tr td{
字号：18px；
}
.名单{
字体大小：粗体；
文本转换：大写；
字号：18px；
字母间距：1px；
背景色：#6c7ae0；
颜色：白色；
}
.列出运输署署长{
颜色：#0000cd；
文字装饰：无；
字号：600；
}
.列表td a：悬停{
颜色：#191970；
字体大小：20px；
字体大小：粗体；
}
.列出td a img{
转换：所有.2易入易出；
}
.列出td a img：悬停{
转换：比例（1.5）；
}
.list.ID{
宽度：200px；
}
.ID{
字体大小：粗体；
}
.名单.排名{
宽度：200px；
}
.排行榜(标识img){
宽度：30px；
高度：30px；
}

引导示例
身份证件
名称
形象
ID_1
ID_1
ID_1
ID_1
ID_1
ID_1
ID_1
ID_1
ID_1
ID_1

我们如何将滚动条保持在主体内，以便滚动条从表格的第一行开始？据我了解，您需要修复

，并希望滚动

。我已经更新了相同的代码段。看一看