如何使用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手冊