HTML でページの下部にあるフッターを修正するにはどうすればよいですか?-CSSチュートリアル-php.cn

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