CSS如何修复tfoot？

Question

我想在桌子上修好。下面是我尝试在滚动球中显示tbody并且它可以工作的代码，但是现在tfoot显示在thead下面。

tbody {
    display:block;
    height:350px;
    overflow:auto;
    width: 100%;
}


thead, tfoot, tbody tr {
    width:100%;
    display: table;
    table-layout:fixed;
}

thead, tfoot {
    width: calc( 100% - 1em )
}