纯css实现table的表头固定tbody内容显示垂直滚动条

* {
    margin: 0;
    padding: 0;
}
table {
    /*设置相邻单元格的边框间的距离*/
    border-spacing: 0;
    /*表格设置合并边框模型*/
    border-collapse: collapse;
    text-align: center;
}
/*关键设置 tbody 出现滚动条*/
table tbody {
    display: block;
    height: 80px;
    overflow-y: scroll;
    overflow-x: hidden;
}
table thead,
tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
/*关键设置：滚动条默认宽度是 16px 将 thead 的宽度减 16px*/
table thead {
    width: calc( 100% - 1em)
}
table thead th {
    background: #ccc;
}

PS:滚动条不占用位置设置: Overflow:overlay