CSS top 屬性可以用來設置元素相對于其父元素的頂部（頂點）距離。在網頁設計中，我們可以利用 CSS top屬性來定位元素的位置。如果我們想讓某個元素位于父元素的底部，該如何設置呢？下面我們來一步一步地講解。

.parent {
position: relative;
height: 500px;
}
.child {
position: absolute;
top: calc(100% - 50px); /* 50px 是子元素的高度 */
height: 50px;
width: 100%;
}

首先，我們需要將子元素的父元素設置為相對定位（position: relative;），這樣子元素的 top 值才能相對于其父元素進行計算。

然后，我們給子元素設置絕對定位（position: absolute;），這樣我們才能通過 top 值來控制其距離父元素頂部的距離。

接著，我們在 top 值中使用 calc 函數來進行計算。calc 函數用于計算數學表達式。我們將 100% 減去子元素的高度（50px），就可以得到距離父元素底部 50px 的 top 值。

最后，我們設置子元素的寬度為 100%，這樣它就能夠充滿整個父元素的寬度。