HTML表格体滚动

原生的表格元素添加scroll并不会生效，需要改变表格的属性

    <style>
        table,tbody {
            display: block;
            height: 100px;
        }
        tbody {
            overflow-y: scroll;
        }
        table thead,
        tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }
    </style>
</head>

使用后表格体会出现侧边的滚动条，但是表格头固定，可能会出现上下并不对齐的现象。
使用table-layout：fixed后。整个每一列的宽度由列所在表头确定，可以给表头th元素设置width，但是当单元格内内容超长时，设置的宽度就会有出入。可以给表格最后一列不设置宽度，自适应从而保证其他元素宽度足够不变。