1

我有一个表格单元格,

<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 位于表格单元格的底部。

4

1 回答 1

1

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

于 2013-08-29T08:07:51.850 回答