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

Question

Given the following HTML:

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

I would like #copyright to stick to the bottom of #container.

Can I achieve this without using absolute positioning? If the float property supported a value of 'bottom' it seems that would do the trick, but unfortunately, it doesn't.

</div>

转载于:https://stackoverflow.com/questions/526035/how-can-i-position-my-div-at-the-bottom-of-its-container

Answer 1

Likely not.

Assign position:relative to #container, and then position:absolute; bottom:0; to #copyright.

---

#container {
    
}
#copyright {
    position: absolute;
    bottom: 0;
}

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

</div>