位置<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; 
}