首頁 > web前端 > css教學 > 如何修復 HTML 頁面底部的頁腳?

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

Susan Sarandon
發布: 2024-11-25 14:38:12
原創
373 人瀏覽過

How to Fix a Footer at the Bottom of the Page in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板