javascript - テーブルセル内の空のdivの高さをそのセルの高さに設定する方法

Question

私はテーブルセルを持っています、

<td>
   <div style="position:relative;height:100%;width:100%">   
     <div class="drag-row"   
          style="position:absolute;height:3px;width:100%;left:0px;top:100%;">
      </div>
      TEXT
   </div>
</td>

tdの高さが 100px の場合、テーブル セルの垂直方向の中央に配置TEXTされ、その親divの高さは class のTEXTdivと同じです。しかし、親divの高さをtdの高さとそれに続くクラスのdivの高さに一致させたい(したがって、このdivはテーブルセルの下端に来る必要があります)drag-rowdrag-row

javascript を使用して親 div の高さを td の高さに設定すると、機能する可能性がありますが、その場合、そのセルの高さが後で更新されると、スクリプトの実行時に div の高さが更新されません。ということでcssでやりたいと思います。ありがとう。

この説明は混乱を招く可能性があるため、実際の問題は、drag-rowテーブルセルの下部に div が必要なことです。