HTML：将块元素锚定在父块的底部？

是否有跨浏览器的方法来附加一些内容<div>至底部？一个困难是<div>可能应用了任意高度，但我希望某些内容始终粘在其底部。

在过去的糟糕日子里，这本来可以像这样完成：

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

我可以在不诉诸这种技术的情况下做到这一点吗？

当然，这很容易。只需设置父级即可div with position:relative。然后，你想要粘在底部的内部项目，只需使用position:absolute将其粘贴到项目的底部。

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

.

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