“Cómo asegurarse de que el pie de página se solucione en la parte inferior de la página” Código de respuesta

Cómo asegurarse de que el pie de página se solucione en la parte inferior de la página


//Index.html
<html>
 <head>
   <link rel="stylesheet" type="text/css" href="main.css" />
 </head>

<body>
 <div id="page-container">
   <div id="content-wrap">
     <!-- all other page content -->
   </div>
   <footer id="footer"></footer>
 </div>
</body>

</html>

//CSS FILE 
#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}
Godwin_NJ

pie de página CSS siempre en la parte inferior pero visible

/* Fix the footer to the bottom */
footer { position: fixed; }
Av3

Fijar pie de página en la parte inferior

<div class="page">
  <div class="page__inner">
    <header class="header">
      <div class="header__inner">
      </div>
    </header>
    <nav class="nav">
      <div class="nav__inner">
      </div>
    </nav>
    <main class="wrapper">
      <div class="wrapper__inner">
        <div class="content">
          <div class="content__inner">
          </div>
        </div>
        <div class="sidebar">
          <div class="sidebar__inner">
          </div>
        </div>
      </div>
    </main>
    <footer class="footer">
      <div class="footer__inner">
      </div>
    </footer>
  </div>
</div>
Fierce Fish

Respuestas similares a “Cómo asegurarse de que el pie de página se solucione en la parte inferior de la página”

Preguntas similares a “Cómo asegurarse de que el pie de página se solucione en la parte inferior de la página”

Más respuestas relacionadas con “Cómo asegurarse de que el pie de página se solucione en la parte inferior de la página” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código