Pengepala baharu: Pastikan pengaki sentiasa berada di bahagian bawah halaman
P粉318928159
P粉318928159 2023-08-27 23:13:19
0
1
400

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.

* { 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. */   
Tajuk

Tajuk

Lorem ipsum dolor sit, amet consectetur adipisicing elit Adipisci eos deserunt fugiat doloremque your text`ut.

© Hak Cipta, Komersial
P粉318928159
P粉318928159

membalas semua (1)
P粉554842091

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; }
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!