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

发布时间：2020-12-14 21:39:04 所属栏目：资源来源：网络整理

导读：是否有跨浏览器方法附加一些内容在 div至底部？一个困难是 div可能应用任意高度，但我希望某些内容始终被粘在底部。这可能是在这样糟糕的岁月中完成的： table style="height: foo;" trtd valign="top"content/td/tr trtd valign="bottom"stuck to the bott

是否有跨浏览器方法附加一些内容在< 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设置为position：relative。然后，你想粘在底部的内部项目，只需使用position：absolute将其粘贴到项目的底部。

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

。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!