html - 如何将我的 div 放在其容器的底部？

Question

给定以下 HTML:

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

我希望 #copyright 贴在 #container 的底部。我可以在不使用绝对定位的情况下实现这一点吗？

Answer 1

可能不会。

将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>