CSS 将元素放在父元素下

这是一个很常见的场景，我最近犯了一个小错误。

我盲目地给某个元素设置了bottom:0，并想将其固定在其父元素的底部。

但是……

它从来没有起作用，我后来才发现。

原来我忘记了两件事：设置元素的绝对位置和添加父元素的相对位置。

最终实现的代码如下：

HTML

<div class="container-element">
  ...
  <div class="element-to-stick-to-bottom">
    ...
  </div>
</div>

CSS

.element-to-stick-to-bottom {
  position: absolute;
  bottom: 0;
}

.container-element {
  position: relative;
}