CSS在網頁開發中起到了重要的作用，其中設置元素距離底端的距離也是常見的需求。下面介紹兩種實現該效果的方法。

方法一：使用position屬性和bottom屬性來設置元素到底部的距離。

.box{
position: fixed;
bottom: 20px;
}

這里的position屬性設置為fixed，表示該元素固定在頁面上不會隨著滾動條的滾動而移動。而bottom屬性，則是設置元素距離底部的距離。

方法二：使用margin-top屬性和calc()函數來設置元素到底部的距離。

.box{
margin-top: calc(100vh - 100px);
}

這里的100vh表示視口高度，100px表示元素高度，這樣設置后，元素就會距離底部100px。

總結：以上兩種方法的效果都可以達到設置元素距離底部的距離，開發者可以根據具體需求進行選擇。