html - 如何将div放置在其容器的底部？(How can I position my div at the bottom of its container?)

Question

Given the following HTML:

(鉴于以下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 .

(我希望#copyright坚持#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.

(如果float属性支持'bottom'值，那似乎可以解决问题，但不幸的是，事实并非如此。)

  ask by Dónal translate from so

Answer 1

Likely not.

(可能不会。)

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

(分配position:relative对于#container ，然后position:absolute; bottom:0;) position:absolute; bottom:0; to #copyright .

(到#copyright 。)

---

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

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