具体的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
th,
td {
table-layout: fixed;/*tableLayout 属性用来显示表格单元格、行、列的算法规则*/
word-break: break-all;/*word-break 属性规定自动换行的处理方法。*/
box-sizing: border-box;/*border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的*/
}
</style>
<body>
<div>
<table class="tab" border="1" cellspacing="0" cellpadding="0">
<tr>
<th>2019年</th>
<th>2019年</th>
<th>2019年</th>
<th>2019年</th>
<th>2019年</th>
</tr>
<tr>
<th>年级</th>
<th>姓名</th>
<th>班级</th>
<th>成绩</th>
<th>学号</th>
</tr>
</table>
</div>
<div style="height:100px;overflow-x:hidden; overflow-y:auto;">
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="57.6px">年级</td>
<td width="57.6px">姓名</td>
<td width="57.6px">班级</td>
<td width="57.6px">成绩</td>
<td width="57.6px">学号</td>
</tr>
<tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
<td>年级</td>
<td>姓名</td>
<td>班级</td>
<td>成绩</td>
<td>学号</td>
</tr>
</table>
</div>
</body>
</html>
