CSS相对定位可以让元素相对于其正常位置进行定位，并随着页面布局的变化而重新定位。如果我们想让一个元素居于容器最底部，那么我们可以使用相对定位来实现。

.container {
  position: relative;
  height: 500px;
}

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

首先，我们需要给包含元素（容器）设置相对定位，这将使得我们写的子元素相对于容器进行定位。然后，我们给要放在底部的子元素设置绝对定位，并且使用bottom属性将其固定到容器的底部。

以上代码片段中，容器的高度设为500px，子元素的位置将相对于这个尺寸进行定位。bottom元素将相对于容器底部进行定位，这意味着它将被放置在容器的底部。

需要注意的是，在使用相对定位和绝对定位时，元素会失去文档流的位置，因此容器的高度应该足够大以承载所有元素。如果容器高度不够大，元素可能会超出容器的边界。