Wie man eine Fußzeile am unteren Rand der Seite, nicht am unteren Rand des Ansichtsfensters fixiert

-3

Wie kann ich eine Fußzeile am Ende meiner Seite reparieren? Eine Seite könnte sehr lang sein (in diesem Fall müsste der Benutzer scrollen, um die Fußzeile zu sehen) oder die Seite könnte kurz sein. (In diesem Fall könnte die Fußzeile beim Laden der Seite sichtbar sein). Ich versuche, die Situation zu vermeiden, in der ich eine Fußzeile habe, die nicht am unteren Rand der Seite positioniert ist, wenn die Seite wenig Inhalt hat.Wie man eine Fußzeile am unteren Rand der Seite, nicht am unteren Rand des Ansichtsfensters fixiert

Quelle

2016-03-24 Mark

Ummm Stapel Ihre divs ?? – Zak

Sie haben einen Code für uns ?? – DanyCode

Wenn Sie Ihrer Seite keine Höhe gegeben haben und die Fußzeile das letzte Segment Ihres Codes ist, sollte sie sich am Ende der Seite befinden. – DanyCode

Es gibt wenige Optionen. Zum Beispiel mein Favorit Weg, dieses Problem

<html> 
<body> 

<div class="wrapper"> 

    <div class="content"></div> 

    <div class="footer"></div> 

</div> 

</body> 
</html> 
* { 
     margin: 0; 
     padding: 0; 
    } 
    html, 
    body, 
    .wrapper { 
     height: 100%; 
    } 
    .content { 
     box-sizing: border-box; 
     min-height: 100%; 
     padding-bottom: 90px; 
    } 
    .footer { 
     height: 80px; 
     margin-top: -80px; 
    }

Quelle

2016-03-24 20:33:47

body {min-height :100vh} 
footer { 
margin-bottom : 0; 
position: relative 
}

PS zu lösen: sorry für schlechte Formatierung, ich bin auf dem Smartphone

Quelle

2016-03-24 20:35:55 Yakke

Wie man eine Fußzeile am unteren Rand der Seite, nicht am unteren Rand des Ansichtsfensters fixiert

Antwort

Verwandte Themen