问调整文本区域的大小不包括文本

EN

table {width: 100%;}
td {width: 33%;}
.wrap {position: relative; height: 100px; z-index: 2;}
.wrap textarea {position: absolute; height: 95px; width: 95%; z-index: 2;}
.wrap textarea:focus {z-index: 99;}

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="wrap"><textarea name="" id="" cols="30" rows="10"></textarea></div>
      </td>
      <td>
        Hello World
      </td>
      <td>
        Hello World
      </td>
    </tr>
    <tr>
      <td>
        <div class="wrap"><textarea name="" id="" cols="30" rows="10"></textarea></div>
      </td>
      <td>
        Hello World
      </td>
      <td>
        Hello World
      </td>
    </tr>
  </tbody>
</table>