“cara memastikan footer diperbaiki di bagian bawah halaman” Kode Jawaban

cara memastikan footer diperbaiki di bagian bawah halaman


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

footer css selalu di bawah tetapi terlihat

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

Memperbaiki footer di bagian bawah

<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

Jawaban yang mirip dengan “cara memastikan footer diperbaiki di bagian bawah halaman”

Pertanyaan yang mirip dengan “cara memastikan footer diperbaiki di bagian bawah halaman”

Lebih banyak jawaban terkait untuk “cara memastikan footer diperbaiki di bagian bawah halaman” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya