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

フッターをページの下部に固定できない

Web サイトのフッターをページの下部に固定できない場合は、画面サイズについては、考えられる解決策がいくつかあります:

位置: 固定; を使用します。 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%;
}

以上がWeb サイトのフッターをページの下部に修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。