html - コンテンツのサイズ変更時に HTML テーブル セルのサイズが変更される

Question

これがjsFiddleです。

コードは次のとおりです。

<table>
  <tr>
    <td id="td00" rowspan="2">
        <textarea>A very1 </textarea>
    </td>
    <td id="td01"> 
        <textarea>A very2 </textarea>
    </td>        
  </tr>
  <tr>
    <!--td>
        <textarea>A very3 </textarea>
    </td-->
    <td>
        <textarea>A very4 </textarea>
    </td>        
  </tr>
</table>

CSS：

table, td
{ 
  border:1px solid black;  
}

table 
{
  height:400px;
  width:400px;
  table-layout:fixed;
}
#td01, #td00 
{
  height:100%;
}

行 = 0 および列 = 0 のセル内のテキストエリアを変更すると、行 = 1 および列 1 のセルも変更されます。

セルのサイズを修正する必要があります。