.tbl { width:100%; } .tbl_scroll { overflow: auto; white-space: nowrap; } /* ↓はなくても良い */ .tbl_scroll::-webkit-scrollbar { height: 10px; } .tbl_scroll::-webkit-scrollbar-track { background: #eee; } .tbl_scroll::-webkit-scrollbar-thumb { background: #ddd;}
<div class="tbl_scroll"> <table class="tbl"> <tr><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr> <tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr> <tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr> <tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr> <tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td></tr> </table> </div>