Ich habe keine Container, keine Wrapper.
Ich habe einfach ein Layout wie ...
%Vor%Was ich tun möchte, ist sicherzustellen, dass die Fußzeile immer am unteren Bildschirmrand bleibt, egal ob es sich um Inhalte handelt, die ziemlich weit nach unten gehen, oder gar nicht genug, um den ganzen Weg bis zum unteren Bildschirmrand zu gehen.
Von jetzt an kann ich entweder zwei der oben aufgeführten Möglichkeiten nutzen, aber ich möchte, dass beide funktionieren.
Hier ist das CSS, das ich dafür eingerichtet habe.
%Vor%Ich bin mir bewusst, dass wenn ich eine minimale Höhe anwende: 100%; zu dem HTML-Element innerhalb des CSS-Dokuments, das mit dem Inhalt gehen wird, aber wenn ich keinen Inhalt per se habe, wird er nicht am unteren Rand des Bildschirms bleiben. Auflösung unabhängig.
Ich bin mehrmals auf dieses Problem gestoßen und bin mir nie ganz sicher, wie ich es herausfinden soll. So, einige Hilfe wäre sehr geschätzt, zusammen mit einigen Erklärungen.
Vielen Dank für Ihre Hilfe!
benutze diesen Kumpel, es ist ein wirklich gut erklärtes und leicht zu befolgendes Tutorial:
Der beste sticky footer funktioniert wirklich sehr gut
Zitat von der Website (und ich stimme voll und ganz zu):
Der Unterschied
Google "sticky footer", ich habe unten aufgeführt, warum diese Technik funktioniert besser als die besten Ergebnisse dieser Suche.
Ссылка - Diese Technik ist ähnlich, aber cleanStickyFooter geht viel weiter. Die Technik befindet sich hier spielt nicht gut, wenn Sie möchten, dass Ihre Fußzeile eine Breite von 100%.
Ссылка - Diese Technik ist eine von vielen I Ich beziehe mich darauf, wenn ich seine Invasionen mit CSS Clearing Hacks sage.
Soll die Fußzeile am unteren Rand des Inhalts angebracht werden, unabhängig von der Menge des Inhalts oder am unteren Bildschirmrand, unabhängig von der Menge des Inhalts?
Wenn die erste, nicht die Positionierung stören - lassen Sie es mit dem Seitenfluss nach dem Inhalt gehen.
Wenn die zweite, verwenden Sie Position: behoben
Sie müssen vielleicht ein wenig klarer sein. Was scrollt? Header? Links? Recht? Fußzeile? Sind links und rechts Teil Ihres gesamten Inhalts? Warum ist dein Körper relativ positioniert? Warum hast du eine "Höhe: 100%" für HTML?
Sie können sich das Layout ansehen, das in diesem Artikel von RyanFait
angegeben istCross-Browser und funktioniert immer:)
Tags und Links html css height footer sticky-footer