SOURCE

<div class="table_box_big">
    <div class="table_box">
      <table>
        <thead>
          <tr>
            <th>
              <div>标题一</div>
            </th>
            <th>
              <div>标题二</div>
            </th>
            <th>
              <div>标题三</div>
            </th>
            <th>
              <div>标题标题标题标题标题标题标题标题标题四</div>
            </th>
            <th>
              <div>标题标题标题标题标题标题标题标题标题五</div>
            </th>
            <th>
              <div>标题标题标题标题标题标题标题标题标题六</div>
            </th>
          </tr>
        </thead>
      </table>
      <div class="table_tbody_box">
        <table>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
          <tr>
            <td>信息一</td>
            <td>信息二</td>
            <td>信息三</td>
            <td>信息信息信息信息信息信息信息信息信息四</td>
            <td>信息信息信息信息信息信息信息信息信息五</td>
            <td>信息信息信息信息信息信息信息信息信息六</td>
          </tr>
        </table>
      </div>
    </div>

   .table_box_big {
      overflow-x: scroll;
      overflow-y: hidden;
      position: relative;
      height: 350px;
    }

    .table_box {
      overflow: hidden;
      position: absolute;
    }

    .table_tbody_box {
      height: 300px;
      overflow: scroll;
    }

    table {
      border: 1px solid #eeeeee;
    }

    table thead tr th {
      width: 80px;
      height: 50px;
      border-right: 1px solid #eeeeee;
      text-align: center;
      word-break: keep-all;
      padding: 2px 10px;
      background: skyblue;
    }

    table tbody tr td {
      width: 80px;
      height: 50px;
      border-right: 1px solid #eeeeee;
      text-align: center;
      border-bottom: 1px solid #eeeeee;
      word-break: keep-all;
      padding: 2px 10px;
    }