CSS底部定位是一種非常實用的頁面布局技巧，可以將頁面元素固定在頁面底部，讓頁面更具有美觀性和實用性。下面我們將介紹幾種實現CSS底部定位的方法。
1. 使用position屬性
可以使用CSS的position屬性來實現底部定位。將元素的position屬性設置為fixed，bottom屬性設置為0，則可以將元素固定在頁面底部，如下所示：

p {
 position: fixed;
 bottom: 0;
 width: 100%;
}

2. 使用flex布局
可以使用CSS的flex布局，將要定位的元素放在一個flex容器中，并將容器的justify-content屬性設置為flex-end，即可實現底部定位，如下所示：

.container {
 display: flex;
 justify-content: flex-end;
}
p {
 margin: 0;
 padding: 10px;
}

在上述代碼中，容器的flex屬性默認值為row，即橫向排列，justify-content屬性設置為flex-end，即將容器內元素排列到末尾，實現底部定位。
3. 使用絕對定位
可以將要定位的元素放在一個相對定位的div容器中，然后設置該元素的bottom屬性為0，可以實現底部定位，如下所示：

.container {
 position: relative;
}
p {
 position: absolute;
 bottom: 0;
}

在上述代碼中，容器的position屬性設置為relative相對定位，元素的position屬性設置為absolute絕對定位，bottom屬性設置為0，將元素定位在父容器的底部。
總結
以上三種方法可以實現CSS底部定位，其中第一種方法使用position屬性實現，第二種方法使用flex布局實現，第三種方法使用絕對定位實現。可根據頁面需求和個人習慣選用不同的方法來實現頁面布局。