tbody加滾動條實現思路:
1,把tbody設置成display:block,然后就對其高度設置一個固定值,overflow設置成auto。
2,把thead的tr設置成display:block。
3,因為都設置成block所以要給td手動添加寬度。
4,考慮到 tbody 產生了滾動條,這時會影響tbody以及thead的寬度,可以采用針對tbody設置::-webkit-scrollbar進行解決。
代碼實現:
.table thead tr { display:block; } .table tbody { display: block; height: 100px; overflow: auto; } .table th { width:20%; } .table td { width:20%; }