Pengepala baharu: Pastikan pengaki sentiasa berada di bahagian bawah halaman

Question

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 'position:fixed' dalam CSS saya, tetapi ia terapung di atas kandungan saya, dan dengan kedudukan mutlak, ia diperbaiki di tengah-tengah halaman dan meliputi kandungan. Selain itu, untuk halaman yang tidak mempunyai banyak kandungan, apabila saya tidak menentukan kedudukan atau menggunakan 'position:absolute', terdapat ruang putih di bawah pengaki. Sila berikan cadangan. *{margin:0; padding:0;}header{background-c

P粉554842091 · Answer

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;
}

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket