Html 溢出div中表的下边框

我有一张桌子在一个满满的

里。我正在努力制作底部边框，无论是对于桌子还是对于div，都会很好看。当前的情况是：当溢出时，div的底部边界看起来很好。当不溢出时，它看起来不合适。我已经把下边框放在桌子上，当溢出时，它显然不会显示出来。我没有任何JavaScript/Jquery/等方面的经验，到目前为止，我只尝试使用CSS

#容器{
宽度：100%；
高度：0自动；
溢出：自动；
}
#表格包装{
边框底部：1px实心#5C6F8C；
浮动：无；
溢出：自动；
高度：80vh；
宽度：80%；
}
#测试表{
边界塌陷：分离；
边界间距：0；
字母间距：1px；
字体系列：Verdana、Tahoma、Arial、无衬线字体；
字体大小：calc（8px+0.3vw）；
文本对齐：居中；
宽度：100%；
/*边框底部：1px实心#5C6F8C*/
}
#上割台{
边框：2px实心#5C6F8C；
右边框：0px；
背景色：#ADBEDA；
}
标题{
背景色：白色；
}
td，th{
边框：1px实心#5C6F8C；
右边框：0px；
边框底部：0px；
填充物：5px10px；
文本对齐：左对齐；
}
tbody>tr:第一个孩子>td{
边框顶部：0px；
}
tbody>tr:第一个孩子>th{
边框顶部：0px；
}
th{
背景色：#ADBEDA；
}
tr:n个孩子（偶数）{
背景色：#CFDDF5；
}
tr:n个孩子（奇数）{
背景色：#E3ECFD；
}
tr：悬停{
背景色：#F0F5FF；
文本阴影：0px 0px 0.25px黑色；
}

不
阿斯达。
阿斯达
1asdad
2asdad
3asdad
4asdadadadadad
5asdadadadadad
6asdad
7asdadadadadad
8asdadadadad
9asdad
10asdad

使用

表格包装上的
最大高度

#table_wrapper {
    border-bottom: 1px solid #5C6F8C;
    float: none;
    overflow: auto;
    max-height: 80vh;
    width: 80%;
}


#容器{
宽度：100%；
高度：0自动；
溢出：自动；
}
#表格包装{
边框底部：1px实心#5C6F8C；
浮动：无；
溢出：自动；
最大高度：80vh；
宽度：80%；
}
#测试表{
边界塌陷：分离；
边界间距：0；
字母间距：1px；
字体系列：Verdana、Tahoma、Arial、无衬线字体；
字体大小：calc（8px+0.3vw）；
文本对齐：居中；
宽度：100%；
/*边框底部：1px实心#5C6F8C*/
}
#上割台{
边框：2px实心#5C6F8C；
右边框：0px；
背景色：#ADBEDA；
}
标题{
背景色：白色；
}
td，th{
边框：1px实心#5C6F8C；
右边框：0px；
边框底部：0px；
填充物：5px10px；
文本对齐：左对齐；
}
tbody>tr:第一个孩子>td{
边框顶部：0px；
}
tbody>tr:第一个孩子>th{
边框顶部：0px；
}
th{
背景色：#ADBEDA；
}
tr:n个孩子（偶数）{
背景色：#CFDDF5；
}
tr:n个孩子（奇数）{
背景色：#E3ECFD；
}
tr：悬停{
背景色：#F0F5FF；
文本阴影：0px 0px 0.25px黑色；
}

不
阿斯达。
阿斯达
1asdad
2asdad
3asdad
4asdadadadadad
5asdadadadadad
6asdad
7asdadadadadad
8asdadadadad
9asdad
10asdad
使用
表格包装上的
最大高度

#table_wrapper {
    border-bottom: 1px solid #5C6F8C;
    float: none;
    overflow: auto;
    max-height: 80vh;
    width: 80%;
}


#容器{
宽度：100%；
高度：0自动；
溢出：自动；
}
#表格包装{
边框底部：1px实心#5C6F8C；
浮动：无；
溢出：自动；
最大高度：80vh；
宽度：80%；
}
#测试表{
边界塌陷：分离；
边界间距：0；
字母间距：1px；
字体系列：Verdana、Tahoma、Arial、无衬线字体；
字体大小：calc（8px+0.3vw）；
文本对齐：居中；
宽度：100%；
/*边框底部：1px实心#5C6F8C*/
}
#上割台{
边框：2px实心#5C6F8C；
右边框：0px；
背景色：#ADBEDA；
}
标题{
背景色：白色；
}
td，th{
边框：1px实心#5C6F8C；
右边框：0px；
边框底部：0px；
填充物：5px10px；
文本对齐：左对齐；
}
tbody>tr:第一个孩子>td{
边框顶部：0px；
}
tbody>tr:第一个孩子>th{
边框顶部：0px；
}
th{
背景色：#ADBEDA；
}
tr:n个孩子（偶数）{
背景色：#CFDDF5；
}
tr:n个孩子（奇数）{
背景色：#E3ECFD；
}
tr：悬停{
背景色：#F0F5FF；
文本阴影：0px 0px 0.25px黑色；
}

不
阿斯达。
阿斯达
1asdad
2asdad
3asdad
4asdadadadadad
5asdadadadadad
6asdad
7asdadadadadad
8asdadadadad
9asdad
10asdad