Warum mit position: absolute ist meine Fußzeile in der Mitte der Seite fixiert, wenn ich sie scrolle?

Question

Ich habe eine Fußzeile, die diesen CSS-Stil

position: absolute; 
bottom:0; 
left:0; 
right:0; 
width:100%; 
background-color:#000000; 
color:#ffffff; 
text-align:center; 

habe, aber wenn ich den Browser in einem kleinen Fenster geöffnet (so ohne sieht alle Inhalte der Seite) die Fußzeile auf der Unterseite ist, und wenn ich nach unten scrollen Fußzeile bleibt in der Mitte der Seite fixiert! Wie kann ich lösen?

Answer 1

ist Ihr übergeordneter Container (übergeordneter Footer) auf Position: relativ gesetzt. versuche, den Körper auf die Position zu setzen: Relativ oder Fuß zu Position: fixiert und Körper zu Polster-unten: Höhe deiner Fußzeile (so dass sie den Inhalt nicht abdeckt).

Hoffe, dass es

Answer 2

hilft Ich glaube, Sie haben position: fixed; zu verwenden, um die gewünschte Ausgabe zu haben.

absolute Position machen Sie Ihre Fußzeile auf der Unterseite der aktuellen Höhe des Fensters, relativ zum übergeordneten (hier ist das übergeordnete die body), wenn Sie es laden. (Also, wenn Sie in Blättern nicht die Scroll nach unten folgen)

Ein Element mit position: fixed in Bezug auf das Ansichtsfenster festgelegt ist. Es bleibt, wo es ist, auch wenn das Dokument gescrollt wird.

Fiddle

Hier ist das Wiki über Unterschied zwischen der absoluten/festen Position https://www.w3.org/wiki/CSS_absolute_and_fixed_positioning