このようにtableを横スクロールさせるには、HTMLとCSSを編集すればOKです。 1、HTMLの編集 まずは、tableを「divタグ」で囲みます。ここでは、そのdivタグに”scroll”というclass名を付けました。 <div class="scroll"> <table border="1" cellspacing="0" cellpadding="5"> <tbody> <tr> <th>商品名</th> <td colspan="5">インターネット回線</td> </tr> <tr> <th>初期費用</th> <td colspan="5">事務手数料3000円 + 標準工事費0円</td> </tr> <tr> <th>プラン</th> <td>30Mコース</td> <td>50Mコース</td> <td>100Mコース</td> <td>200Mコース</td>
![スマートフォン表示で、はみ出したtableをスクロールさせるCSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/c46b2d289e8317b2fd6a385eeeeb134798250303/height=288;version=1;width=512/https%3A%2F%2Fwebcommu.net%2Fimages%2Fphone-table-scroll-main.jpg)