CSS 可以通過不同的屬性和值來調整元素在頁面上的位置和間距。而其中，距離頁面底部的距離也是可以通過 CSS 實現的。那么，該如何設置呢？ 首先，我們需要使用定位屬性和 bottom 屬性。定位屬性可以讓元素以不同方式定位，包括絕對定位（absolute）、相對定位（relative）和固定定位（fixed）。bottom 屬性則可以控制元素距離底部的距離，其值可以是像素（px）、百分比（%）或者計算值（em、rem）。 下面是一段示例代碼：

p {
position: absolute;
bottom: 20px;
}

以上代碼表示將 p 元素絕對定位，并且距離頁面底部 20 像素的位置。如果需要將元素相對定位，只需將 position 屬性設置為 relative。 同時，我們也可以使用 calc() 函數來計算距離。例如，下面的代碼表示將 p 元素與頁面底部距離為頁面高度的 20% 減去 20 像素：

p {
position: absolute;
bottom: calc(20% - 20px);
}

需要注意的是，如果父級元素的高度不固定，那么這種方式可能會造成布局混亂。因此，在使用這種方式時，需要確保父級元素的高度已經確定。 總之，通過設置定位屬性和 bottom 屬性，我們可以輕松調整元素距離頁面底部的距離。需要根據實際情況，綜合考慮使用不同的方式來實現。