HTML：父塊底部的錨塊元素？

Question

是否有跨瀏覽器方法將<div>中的某些內容附加到底部？一個難點是<div>可能會有一個任意的高度應用，但我希望某些內容在任何時候都被卡在底部。

這會在壞日子像這樣已完成：

<table style="height: foo;"> 
    <tr><td valign="top">content</td></tr> 
    <tr><td valign="bottom">stuck to the bottom</td></tr> 
</table> 

我能做到這一點，而不訴諸這種技術？

Answer 1

當然，這很容易。只需設置父div與position:relative。然後，你想要堅持到底部的內部項目，只需使用position:absolute將其粘貼到項目的底部。

<div id="parent"> 
    <div id="child"> 
    </div> 
</div> 

。

#parent { 
    position:relative; 
} 
#child { 
    position:absolute; 
    bottom:0; 
}