如何将div放置在其容器的底部？

• Z时代
• 2024-01-10
• 分类：问答

鉴于以下HTML：

<div id="container">
  <!-- Other elements here -->
  <div id="copyright">
    Copyright Foo web designs
  </div>
</div>

我想#copyright坚持到底#container。

不使用绝对定位就可以实现吗？如果float属性支持’bottom’的值，那似乎可以解决问题，但是不幸的是，事实并非如此。

回答：

可能不会。

分配position:relative给#container，然后分配position:absolute;

bottom:0;给#copyright。

#container {
    position: relative;
}
#copyright {
    position: absolute;
    bottom: 0;
}
<div id="container">
  <!-- Other elements here -->
  <div id="copyright">
    Copyright Foo web designs
  </div>
</div>

以上是 如何将div放置在其容器的底部？ 的全部内容， 来源链接： utcz.com/qa/427765.html