在網頁設計中，經常需要將一些元素放在頁面的最底部，比如頁腳（footer）等。 實現這個需求，可以使用 CSS 中的 position 屬性來實現。具體來說，可以將元素的 position 屬性設置為 absolute，再將 bottom 屬性設置為 0，這樣元素就會貼著頁面底部顯示了。 下面是一個示例代碼：

.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

上面代碼中的 .footer 是一個類名，用來指定要放在底部的元素。其中，position 屬性被設置為 absolute，表示要絕對定位。bottom 屬性被設置為 0，表示距離底部的距離為 0。其它屬性用來設置元素的寬度、高度、背景顏色、文本顏色、對齊方式和行高等。 除了使用 position 屬性，還有一種更簡單的方式可以實現將元素放在頁面底部。那就是使用 flex 布局。具體來說，可以將父元素的 display 屬性設置為 flex，再將 justify-content 屬性設置為 space-between，這樣子元素就會被推到頁面底部了。 下面是一個示例代碼：

.container {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
}
.content {
flex: 1;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

上面代碼中的 .container 是一個類名，用來指定包含內容和頁腳的容器元素。其中，display 屬性被設置為 flex，表示使用 flex 布局。flex-direction 屬性被設置為 column，表示垂直方向上排列子元素。justify-content 屬性被設置為 space-between，表示子元素之間留有一定的空隙。min-height 屬性被設置為 100vh，表示容器元素的最小高度為整個屏幕的高度。 .content 是內容區域的類名，被設置了 flex 屬性，并且將其設置成了 1，表示內容區域會占據剩余的所有空間。.footer 是頁腳的類名，被設置了一個固定的高度和一些樣式。在使用 flex 布局的情況下，頁腳會被自動推到布局的最底部。 總之，無論是使用 position 屬性還是 flex 布局，都可以實現將元素置于頁面底部，而不需要使用 JavaScript 或其它技術。