HTML：父块底部内的锚块元素？

是否有跨浏览器方法将

中的某些内容附加到底部？一个困难是，

可能应用了任意高度，但我希望某些内容始终固定在底部

在像这样糟糕的旧时代，这是可以做到的：

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

内容
粘在底部

---

我可以不用使用这种技术来做这件事吗？

当然，这很容易。只需将父级

div

设置为

position:relative

。然后，要将内部项目粘贴到底部，只需使用

position:absolute

将其粘贴到项目底部即可

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

---

只是有同样的问题，但这个解决方案没有解决，因为孩子没有伸展父母的整个宽度

我通过使用flex使child2粘在父对象的底部解决了这个问题：

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
</div>

---

谢谢你的编辑。忘了格式化.Slick。我知道顶部和左侧属性，但从不知道底部和右侧；非常感谢你。这个很好用。现在，为什么它会起作用？在父对象中启用相对位置，则任何子对象都可以绝对定位？还是有更直观的解释？@ConAntonakos这里有一篇我找到的关于这个问题的文章，可以更好地解释。非常感谢。我不确定我找到的其他解决方案是否过于复杂，或者简单的解决方案是否根本不存在。显然是的！来自未来11年的问候！你帮了我@tj-i

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
</div>

#parent {
  display: flex;
  flex-direction: column;
}
#child1 {
  flex-grow: 1;
}