HTML:锚块元素在父块的底部？
HTML:锚块元素在父块的底部？
提问于 2009-09-22 21:42:31
有没有一种跨浏览器的方法可以将<div>中的一些内容附加到底部？困难之一是<div>可能有一个任意的高度应用，但我希望某些内容始终粘在它的底部。
在过去糟糕的日子里，这是可以做到的：
<table style="height: foo;">
<tr><td valign="top">content</td></tr>
<tr><td valign="bottom">stuck to the bottom</td></tr>
</table>我可以在不使用这种技术的情况下做到这一点吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2009-09-22 21:45:25
当然，这很容易。只需使用position:relative设置父div即可。然后，你想粘贴到底部的内部项目，只需使用position:absolute将其粘贴到项目的底部。
<div id="parent">
<div id="child">
</div>
</div>。
#parent {
position:relative;
}
#child {
position:absolute;
bottom:0;
}Stack Overflow用户
发布于 2021-03-03 18:17:10
只是有同样的问题，但是这个解决方案没有解决，因为孩子没有拉伸父对象的整个宽度。
我通过使用flex让child2粘在parent的底部解决了这个问题：
<div id="parent">
<div id="child1"></div>
<div id="child2"></div>
</div>#parent {
display: flex;
flex-direction: column;
}
#child1 {
flex-grow: 1;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1462799
复制相关文章
相似问题