在 CSS 中，我們可以通過設置容器元素的 `bottom` 屬性來讓底部靠下。這個屬性控制元素的定位基準在頁面底部的位置。當我們將 `bottom` 屬性設置為 `0` 時，元素將定位到頁面的末尾，即底部。相反，當我們將 `bottom` 屬性設置為 `document.height` 的值時，元素將定位到頁面的最底部，也就是底部靠下。

下面是一個示例，展示了如何使用 CSS 讓底部靠下：

```html

<div style="bottom: 0;">

這是一個底部元素。

</div>

<div style="bottom: 200px;">

這是一個底部元素，比第一個底部元素更靠下。

</div>

在這個示例中，第一個元素被設置 `bottom` 屬性為 `0`，第二個元素被設置 `bottom` 屬性為 `200px`，第三個元素被設置 `bottom` 屬性為 `document.height`，其中 `document.height` 是頁面的實際高度。這些元素的 `bottom` 屬性都設置為實際高度，這意味著它們將定位到頁面的最底部，也就是底部靠下。

需要注意的是，如果容器元素的 `bottom` 屬性被設置為 `0`，元素將不會超出容器的范圍。因此，如果需要讓底部靠下并超出容器范圍，可以將 `bottom` 屬性設置為 `-200px`。例如：

```html

<div style="bottom: -200px;">

這是一個底部元素，比第一個底部元素更靠下。

</div>

這將讓第二個元素超出容器范圍，但仍在容器中。