如何修復 HTML 頁面底部的頁腳？

在HTML 中修復頁面底部的頁腳

在HTML 程式碼中，您指定了一個名為「footer」的類，其背景顏色和相對顏色定位。然而，頁腳並沒有完全跨越頁面寬度，其下方留有空白。

要解決此問題並將頁腳固定在頁面底部，您可以使用以下CSS 程式碼：

.footer {
  color: #fff;
  clear: both;
  margin: 0;
  padding: 0.75em;
  background: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #000;
}

此程式碼套用了以下修改：

• 固定位置：位置：固定和底部：0 將頁腳固定在頁面底部。
• 全寬度：左：0和右：0確保頁腳跨越整個頁面寬度。
• 無空白： 刪除邊距和填充可防止任何空白出現在頁腳。

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