如何將網站頁腳固定在頁面底部？

無法將頁腳固定到頁面底部

如果您在將網站頁腳固定到頁面底部時遇到困難，無論如何螢幕尺寸，這裡有一些可能的解決方案：

使用位置：固定; property.

position:fixed;屬性可用於將元素固定到螢幕上的特定位置，即使頁面捲動也是如此。若要使用此屬性，請將下列程式碼新增至CSS 檔案：

#footer {
  position: fixed;
  bottom: 0;
}

使用margin-top: auto; 屬性.

margin-top: auto; 屬性可用來將元素在其父容器內垂直居中。若要使用此屬性，請將下列程式碼新增至CSS 檔案：

body {
  margin-top: auto;
}

使用position:fixed; 和margin-top:auto 的組合; 屬性.

如果要將頁腳固定在頁面底部並居中垂直方向上，您可以使用position:fixed; 和margin-top: auto; 屬性的組合。為此，請將以下程式碼新增至您的 CSS 檔案：

body {
  margin-top: auto;
}

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

以上是如何將網站頁腳固定在頁面底部？的詳細內容。更多資訊請關注PHP中文網其他相關文章！