Come posso riparare un piè di pagina in fondo alla mia pagina? Una pagina potrebbe essere molto lunga (nel qual caso l'utente dovrebbe scorrere per vedere il piè di pagina) o la pagina potrebbe essere corta. (nel qual caso il piè di pagina potrebbe essere visibile al caricamento della pagina). Sto cercando di evitare la situazione in cui ho un piè di pagina che non è posizionato nella parte inferiore della pagina quando la pagina ha pochi contenuti.
risposte:
0 per risposta № 1Ci sono poche opzioni. Ad esempio il mio modo preferito per risolvere questo problema
<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;
}
0 per risposta № 2
body {min-height :100vh}
footer {
margin-bottom : 0;
position: relative
}
PS: scusa per la formattazione errata, sono su smartphone