如何将表格单元格内的空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 的高度与{{1}相同然后是类TEXT的 div 。但我希望父 div 的高度与 td 的高度相匹配，然后匹配类drag-row的 div （所以这个div应该来自表格单元格的底部边界）

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

这个解释可能令人困惑所以我的实际问题是，我想在表格单元格的底部drag-row div。

Answer 1

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