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