在 CSS 樣式中，我們常常需要將一個(gè)元素居父元素的底部顯示。這種需求一般會(huì)在布局設(shè)計(jì)中遇到，例如當(dāng)我們需要實(shí)現(xiàn)網(wǎng)頁的底部固定導(dǎo)航欄時(shí)。

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

實(shí)現(xiàn)子元素居父元素底部的方法一般是將父元素設(shè)為相對(duì)定位，將子元素設(shè)為絕對(duì)定位，并使用 bottom 屬性來控制子元素的垂直位置。這樣子元素就能夠始終處于父元素的底部。

同樣，如果需要實(shí)現(xiàn)子元素居父元素的頂部，只需要將 bottom 屬性改為 top 屬性即可。

總之，通過使用 CSS 樣式中的絕對(duì)/相對(duì)定位以及 bottom/top 屬性，我們可以輕松地實(shí)現(xiàn)將一個(gè)元素居父元素的底部或頂部顯示。