将<span>放在表格单元格的底部</span>

Question

我想让<span>坐在固定高度<td>的底部，但它似乎无法正常工作。

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

我已经阅读过其他帖子，说明td高度需要修复，我已经做到了，但是我仍然遇到同样的问题。如何将跨度定位在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

position:absolute需要position: relative而不是.person_price：

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

还要让他的父母relative：

td {
  position:relative;
}

Answer 2

绝对，而不是相对。

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