css - 将 放置在 表格单元格的底部

Question

我正在尝试获取 <span>坐在固定高度的底部<td> ，但是它似乎不起作用。

我正在使用 Firebug 在 Firefox 中进行开发，这是我的标记和 CSS。

我读过其他帖子说 td高度需要固定，我已经做到了，但是我仍然遇到同样的问题。如何将 span 定位在 td 的底部？

<td class="details_amount">
  <span class="item_total_price">
    £<span id="amount_99201100099">49</span>
  </span>
  <br>
  <span class="person_price">£5</span>
</td>

td {
    height: 55px;
    padding-top: 1.8em;
    vertical-align: top;
}

.item_total_price {
    height: 100%;
}

.person_price {
    bottom: 0;
    position: relative;
}

Answer 1

对于 .person_price，您需要 position:absolute 而不是 position: relative:

.person_price {
   position: absolute;
   bottom:0;
   left:0;
}

同时让他的 parent 成为亲戚:

td {
  position:relative;
}