ホームページ >ウェブフロントエンド >CSSチュートリアル >HTML でページの下部にあるフッターを修正するにはどうすればよいですか?

HTML でページの下部にあるフッターを修正するにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-25 14:38:12334ブラウズ

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。