Heim > Web-Frontend > CSS-Tutorial > Wie kann man in HTML eine Fußzeile am Ende der Seite korrigieren?

Wie kann man in HTML eine Fußzeile am Ende der Seite korrigieren?

Susan Sarandon
Freigeben: 2024-11-25 14:38:12
Original
372 Leute haben es durchsucht

How to Fix a Footer at the Bottom of the Page in HTML?

Fußzeile am Seitenende in HTML korrigieren

In Ihrem HTML-Code haben Sie eine Klasse namens „Fußzeile“ mit einer Hintergrundfarbe und einer relativen Farbe angegeben Positionierung. Allerdings erstreckt sich die Fußzeile nicht vollständig über die gesamte Seitenbreite, sodass darunter Leerraum verbleibt.

Um dieses Problem zu beheben und die Fußzeile am Seitenende zu fixieren, können Sie den folgenden CSS-Code verwenden:

.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;
}
Nach dem Login kopieren

Dieser Code wendet die folgenden Änderungen an:

  • Feste Positionierung:Position: fest und unten: 0 Fixieren Sie die Fußzeile am unteren Rand der Seite.
  • Volle Breite: links: 0 und rechts: 0 stellen Sie sicher, dass sich die Fußzeile über die gesamte Seitenbreite erstreckt.
  • Kein Leerraum: Durch das Entfernen der Ränder und Polsterung wird verhindert, dass Leerraum unter der Fußzeile erscheint.

Das obige ist der detaillierte Inhalt vonWie kann man in HTML eine Fußzeile am Ende der Seite korrigieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage