Solución:
Probablemente no estés usando el <main> etiqueta
Nota: Usamos flexbox para estructurar nuestro html de modo que el pie de página esté siempre en la parte inferior de la página. Es importante mantener la estructura de su página dentro de las 3 etiquetas HTML5:
<header>,<main>,
<footer>
Si observa la fuente de la página de ejemplo, puede ver cómo lo están haciendo: http://materializecss.com/footer.html
Estructura tu HTML como el siguiente ejemplo:
<body>
<header></header>
<main></main>
<footer></footer>
</body>
Si usa este pie de página en Componente angular, probablemente su <header> <main> <footer> etiquetas envueltas por <app-root> etiqueta. En este caso, debe especificar su css como se muestra a continuación:
app-root {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)