在網頁設計中，經常需要讓頁面內容排列在不同區域。而如何把一個div放在頁面底部，是我們在實現布局時經常遇到的問題。在CSS中，有多種方式可以實現此效果。在本文中，我們將介紹其中的幾種方法。

// 第一種方法：使用flex布局
.container {
display: flex;
flex-direction: column;
min-height: 100vh; // 設置最小高度為整個視口高度
}
.content {
flex: 1; // 相當于flex-grow: 1，使該元素自動填充空間
}
// 第二種方法：使用絕對定位
.container {
position: relative;
min-height: 100vh;
}
.content {
position: absolute;
bottom: 0;
}
// 第三種方法：使用margin負值
.container {
min-height: 100vh;
}
.content {
margin-top: auto;
}

無論是使用flex布局、絕對定位還是margin負值，都可以將div元素放在頁面底部。不同方法的實現原理不同，具體使用方法需根據實際情況而定。