CSS是網頁設計的重要一環，它不僅可以讓網頁變得更加美觀，還可以為網頁添加許多實用功能。今天我們要討論的主題是如何將div置于底部。

/* 設置容器 */
.container {
position: relative;
height: 100vh; 
/* 這里的100vh表示容器的高度為視口的高度 */
}
/* 設置底部div */
.bottom-div {
position: absolute; 
bottom: 0; 
/* 將div元素固定在底部 */
width: 100%; 
/* 設置div元素寬度為100% */
height: 60px; 
/* 設置div元素高度 */
background-color: #ccc; 
/* 設置div元素背景顏色 */
}

以上代碼中，我們首先設置一個容器，將其高度設置為視口的高度（vh表示視口高度的百分比，1vh等于視口高度的1%）。然后我們設置一個底部的div元素，將其position屬性設置為absolute，bottom屬性設置為0，這樣就能將div元素固定在容器底部了。

最后，我們為div元素設置一些樣式，如寬度、高度、背景顏色等。這樣就完成了讓div元素置于底部的效果。