Rumah  >  Soal Jawab  >  teks badan

Pengepala baharu: Pastikan pengaki sentiasa berada di bahagian bawah halaman

<p>Saya sedang mengusahakan projek di mana saya mahu pengaki kekal di bahagian bawah halaman tetapi tidak kelihatan sehingga saya menatal ke bahagian bawah halaman. Saya cuba menggunakan 'kedudukan: tetap' dalam CSS saya tetapi ia terapung di atas kandungan saya dan untuk kedudukan mutlak ia diperbaiki di tengah halaman dan meliputi kandungan. Selain itu, untuk halaman yang tidak mempunyai banyak kandungan, apabila saya tidak menentukan kedudukan atau menggunakan 'kedudukan: mutlak', terdapat ruang putih di bawah pengaki. Sila berikan cadangan. </p> <pre class="brush:php;toolbar:false;">* { margin: 0; padding: 0; } kepala { warna latar belakang: kelabu; } pengaki { warna latar belakang: kelabu; bawah: 0; ketinggian: 20px; kedudukan: tetap; lebar: 100%; } /* Apabila saya menggunakan kedudukan tetap, pengaki ditetapkan di atas kandungan. Apa yang saya mahukan ialah pengaki kekal di bahagian bawah halaman tetapi tidak kelihatan. */ <html> <badan> <header>Tajuk</header> <utama> <h1>Tajuk</h1> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit Adipisci eos deserunt fugiat doloremque your text`ut.</p> </utama> <footer>&copy; Hak Cipta, Komersial</footer> </badan> </html></pre>
P粉318928159P粉318928159440 hari yang lalu474

membalas semua(1)saya akan balas

  • P粉554842091

    P粉5548420912023-08-28 20:08:54

    Saya rasa anda boleh menambah div induk padanya yang mempunyai lebar dan ketinggian yang sama dengannya.

    html:

    .footer {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100vw;
      height: 200px;
      background-color: red;
    }
    .footer-container {
      height: 200px;
      width: 100vw;
    }
    <div class="footer-container">
      <div class="footer"></div>
    </div>

    balas
    0
  • Batalbalas