“So stellen Sie sicher, dass die Fußzeile am Ende der Seite fixiert ist” Code-Antworten

So stellen Sie sicher, dass die Fußzeile am Ende der Seite fixiert ist


//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

CSS -Fußzeile immer unten, aber sichtbar

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

Fußzeile unten reparieren

<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

Ähnliche Antworten wie “So stellen Sie sicher, dass die Fußzeile am Ende der Seite fixiert ist”

Fragen ähnlich wie “So stellen Sie sicher, dass die Fußzeile am Ende der Seite fixiert ist”

Weitere verwandte Antworten zu “So stellen Sie sicher, dass die Fußzeile am Ende der Seite fixiert ist” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen