CSS改變頁腳位置是在設計網頁時經常遇到的問題，通過CSS可以將頁腳定位到任何位置。以下是兩種方法：

方法一：
在CSS中設置position為absolute，然后設置bottom和left或者bottom和right屬性的值，來控制頁腳的位置，如下所示：
footer {
position: absolute;
bottom: 0;
left: 0;
}
方法二：
利用Flexbox的特性，將頁腳放到一個容器內，然后設置容器的flex屬性為1，將主要內容的容器的flex屬性設為0，如下所示：
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main-content {
flex: 0;
}
.footer {
flex: 1;
}

以上兩種方法都可以在CSS中改變頁腳位置，具體哪種方法使用要根據網頁設計的需要而定。