CSS を使用してフッターを下部に配置する

多くの開発者は、フッターをブラウザ ウィンドウの下部に配置しようとすると問題に遭遇します。さまざまなテクニックを使用しているにもかかわらず、フッターが中央に表示される場合があります。ここでは、Firefox と Internet Explorer の両方に共通するこの問題の解決策を示します。

CSS コード

次の CSS コードは、フッターをブラウザの下部に効果的に貼り付けます。

#Footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

説明

1. position:Absolute;: 通常のドキュメント フローからフッターを削除し、独立して配置できるようにします。
2. bottom: 0;: フッターの下端をゼロに設定し、フッターを下端に配置します。 window.
3. width: 100%;: フッターが画面の幅全体に広がるようにします。

HTML 構造

HTML 構造に id="Footer" を持つ

  ...