如果想要將一個div放置在頁面底部，有幾種方法可以嘗試。以下是三種常見的方法:

方法一：使用絕對定位

div{
position:absolute;
bottom:0;
width:100%;
}

這種方法使用絕對定位將div定位在頁面底部，并設置寬度為100%，確保div的寬度與頁面一致。

方法二：使用flex布局

html,body{
height: 100%;
}
.container{
min-height:100%;
display:flex;
flex-direction:column;
}
.main-content{
flex: 1;
}

這種方法使用flex布局，將html,body和.container的高度都設為100%，然后將.container設置為flex布局，并設置flex-direction為column，使得.container中的元素垂直排列。然后將想要在底部的div設置為flex:1，使其填充剩余的空間。

方法三：使用grid布局

html,body{
height: 100%;
}
.container{
display: grid;
grid-template-rows: 1fr auto;
}
.footer{
grid-row-start: 2;
grid-row-end: 3;
}

這種方法使用grid布局，將html,body的高度設為100%，然后將.container設置為grid布局，并設置grid-template-rows來確定兩個網格行。將div放置在第二行，并將其grid-row-start和grid-row-end都設置為2-3，確保div始終在第二行。

總結：

以上是三種常見的實現div在底部的方法，具體使用哪種方法要根據具體的需求進行選擇。如果只是簡單的想要在底部放置一個div，可以使用第一種方法。如果想要在底部放置一個類似頁腳的內容，可以使用第二種或第三種方法。