HTMLの表のtbodyは上下左右にスライドできます

<div class="table_box_big">
<div class="table_box">
    <テーブル>
        <頭>
        <tr>
            <th><div>タイトル 1</div></th>
            <th><div>タイトル 2</div></th>
            <th><div>タイトル 3</div></th>
            <th><div>タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル 4</div></th>
            <th><div>タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル 5</div></th>
            <th><div>タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル タイトル 6</div></th>
        </tr>
        </thead>
    </テーブル>
    <div class="table_tbody_box">
        <テーブル>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
            <tr>
                <td>情報 1</td>
                <td>情報 2</td>
                <td>情報 3</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 4</td>
                <td>情報、情報、情報、情報、情報、情報、情報、情報 5</td>
                <td>情報情報情報情報情報情報情報情報情報情報情報情報6</td>
            </tr>
        </テーブル>
    </div>
</div>

.table_box_big {
 オーバーフローx: スクロール;
 オーバーフロー-y: 非表示;
 位置: 相対的;
 高さ: 350ピクセル;
}
.テーブルボックス{
 オーバーフロー: 非表示;
 位置: 絶対;
}
.table_tbody_box {
 高さ: 300px;
 オーバーフロー: スクロール;
}
テーブル {
 境界線: 1px 実線 #eeeeee;
}
テーブル ヘッダー tr th {
 幅: 80ピクセル;
 高さ: 50px;
 右境界線: 1px 実線 #eeeeee;
 テキスト配置: 中央;
 単語区切り: すべて保持;
 パディング: 2px 10px;
 背景: スカイブルー;
}
テーブル tbody tr td {
 幅: 80ピクセル;
 高さ: 50px;
 右境界線: 1px 実線 #eeeeee;
 テキスト配置: 中央;
 下部境界線: 1px 実線 #eeeeee;
 単語区切り: すべて保持;
 パディング: 2px 10px;
}