CSS是前端開發中必不可少的技能，它可以控制網頁中的樣式，包括字體、顏色、間距等等。在網頁制作中，經常會遇到需要讓某個元素距離頁面底部一定的距離的情況。下面介紹一些CSS實現距離頁面底部的方法。

position: fixed;
bottom: 0;

使用position屬性將元素定位在頁面上，將其bottom屬性設置為0，即可讓元素距離頁面底部固定為0。此方法適用于想要固定顯示在底部的元素，例如頁腳。但需要注意的是，該元素不會隨頁面滾動而移動，因此在頁面內容超出視口高度時，可能會擋住部分內容。

position: absolute;
bottom: 0;

使用position屬性將元素定位在其父元素中，將其bottom屬性設置為0，即可讓元素距離其父元素底部一定的距離。此方法適用于想要讓元素距離底部一定距離，但又不想讓它一直固定在底部的情況。需要注意的是，該元素距離頁面底部的距離取決于其父元素距離頁面底部的距離。

margin-top: auto;

將元素的margin-top屬性設置為auto，即可使元素總是在頁面底部以下。此方法適用于想要讓元素放在頁面底部以下，但又不想設置具體的距離值的情況。需要注意的是，當元素高度大于頁面內容高度時，該元素會被內容遮擋。