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

小编典典

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

html

鉴于以下HTML：

<div id="container">

  <!-- Other elements here -->

  <div id="copyright">

    Copyright Foo web designs

  </div>

</div>

我想#copyright坚持到底#container。

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

阅读 821

2020-05-10

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

2020-05-10