如何使用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教程: