如何使用CSS将项目放在其容器的底部

了解如何使用CSS将项目粘贴在其容器的底部

这是很常见的事情,最近我不得不这样做。

我是盲目的分配bottom: 0到我想坚持其父元素底部的元素。

原来我忘记了两件事:设置position: absolute在该元素上,并添加position: relative在父母身上。

例子:

<div class="container-element">
  ...
  <div class="element-to-stick-to-bottom">
    ...
  </div>
</div>
.element-to-stick-to-bottom {
  position: absolute;
  bottom: 0;
}

.container-element { position: relative; }

免费下载我的CSS手册


更多CSS教程: