Css footer最下部固定

在CSS中，要讓一個元素（比如footer）始終保持在頁面底部，可以使用position: fixed屬性。以下是一個簡單的例子，展示了如何實現這個效果：

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f5f5f5;
  padding: 1rem;
}

在這個例子中，我們設定了footer元素的position為fixed，這意味著它將相對於視窗（瀏覽器視窗）而不是相對於它上面的父元素進行定位。bottom屬性設定為0，這將把footer元素固定在視窗的底部。width設定為100%，以確保它占據整個視窗的寬度。最後，我們添加了一些樣式（比如背景顏色和內邊距）來美化footer元素。

請注意，使用position: fixed屬性可能會導致一些問題，比如當內容滾動時，fixed元素不會隨著內容滾動。這可能會導致布局不協調或者遮擋內容。因此，在使用這個屬性時，需要考慮到整體布局和用戶體驗。