我有一个table表格，用动画实现了一个自动滚动效果，可是表格body总是滚动超过表头才消失？-灵析社区
生成头像如下图所示：滚动时表格中的行在超过表头时还会继续滚动  贴下代码 编号 钢平 规格 区域 库位号 1 1000 22 A 121 2 1000 22 B 163 3 1800 10 C 188 /*表格滚动动画*/ @keyframes table { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .table tbody{ animation: table 10s infinite linear; } 这是为什么呢？ PS：按照两位博主的回答重新修改的样式 还是会有一些溢出 不知道什么原因 如图 ：会有一点点的溢出 
一一在debug
/*表格滚动动画*/
@keyframes table {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
.table {
/* overflow: hidden;是隐藏超过自身范围的子元素，你给tbody开这个没用，因为
tbody是自身整体在移动，开到table上，当tbody滚动出table的范围之后就会隐藏了*/
overflow: hidden;
}
.table thead {
/* 给thead开个相对定位，然后把层级提高一下，盖住tbody，这样在z轴上，
tbody就到thead的下面了，再给thead一个背景色，就可以盖住tbody了*/
position: relative;
z-index: 1;
background-color: #fff;
}
.table tbody {
animation: table 10s infinite linear;
}