今天小编跟大家讲解下有关怎么给tbody加滚动条 通过css样式给表格tbody加垂直滚动条 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关怎么给tbody加滚动条 通过css样式给表格tbody加垂直滚动条 的相关资料，希望小伙伴们看了有所帮助。
tbody加滚动条实现思路：1 把tbody设置成display:block 然后就对其高度设置一个固定值 overflow设置成auto。
2 把thead的tr设置成display:block。
3 因为都设置成block所以要给td手动添加宽度。
4 考虑到 tbody 产生了滚动条 这时会影响tbody以及thead的宽度 可以采用针对tbody设置::-webkit-scrollbar进行解决。
代码实现：css:
.table thead tr {display:block;}.table tbody {display: block;height: 100px;overflow: auto;}.table th {width:20%;}.table td {width:20%;}html:
<table class="table"><thead><tr><th>head1</th><th>head2</th><th>head3</th><th>head4</th><th>head5</th><th>head6</th></tr></thead><tbody><tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr><tr><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr><tr><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td></tr><tr><td>4</td><td>4</td><td>4</td><td>4</td><td>4</td><td>4</td></tr><tr></tbody></table>来源：爱蒂网
