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高度是 100 像素，则TEXT位于表格单元格的垂直中心，其父div的高度与TEXT后面的 class divdrag-row相同。但我希望父div的高度与td的高度匹配，然后是类的divdrag-row（所以这个 div 应该位于表格单元格的底部边框）

如果我使用 javascript 将父 div 的高度设置为 td 的高度，它可能会起作用，但在这种情况下，如果该单元格的高度稍后更新，我的 div 不会在脚本运行时更新其高度。所以我想用css来做。谢谢。

这种解释可能令人困惑，所以我的实际问题是，我希望drag-rowdiv 位于表格单元格的底部。

Answer 1

而不是top:100%使用bottom:0. 然后底部div将始终匹配父元素的底部。