Neue Kopfzeile: Stellen Sie sicher, dass sich die Fußzeile immer am Ende der Seite befindet

Question

Ich arbeite an einem Projekt, bei dem ich möchte, dass die Fußzeile am Ende der Seite bleibt, aber erst sichtbar ist, wenn ich zum Ende der Seite scrolle. Ich habe versucht, „position:fixed“ in meinem CSS zu verwenden, aber es schwebt über meinem Inhalt und bei absoluter Positionierung wird es in der Mitte der Seite fixiert und deckt den Inhalt ab. Außerdem gibt es bei Seiten, die nicht viel Inhalt haben, Leerraum unter der Fußzeile, wenn ich keine Position spezifiziere oder „position:absolute“ verwende. Bitte um Vorschläge. *{margin:0;padding:0;}header{background-c

P粉554842091 · Answer

我认为你可以给它添加一个父级div，父级div的宽度和高度与它相同。

html:

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 200px;
  background-color: red;
}
.footer-container {
  height: 200px;
  width: 100vw;
}

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial