Bagaimana untuk Menyimpan Pengaki di Bahagian Bawah Halaman Walaupun Semasa Menatal?

Kedudukan Div di Bahagian Bawah Kandungan dengan Bar Skrol yang Melimpah

Apabila kandungan halaman melangkaui port pandangan, pembangun sering menghadapi isu pengaki yang muncul di atas sempadan bawah halaman. Untuk menyelesaikan tingkah laku ini, pertimbangkan pelaksanaan yang digariskan dalam imej yang disediakan.

Coretan CSS pada mulanya digunakan, menampilkan kedudukan: mutlak dan bawah: 30px, meletakkan div di bahagian bawah port pandangan. Walau bagaimanapun, apabila menatal, div kekal pegun, melepaskan dirinya daripada had bawah kandungan.

Penyelesaian

Pendekatan optimum untuk menambat div secara berterusan di bahagian bawah kandungan memerlukan pekerjaan kedudukan tetap. Berikut ialah CSS yang disemak:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

Pengubahsuaian ini mencapai kesan yang diingini. Div kekal tetap di bahagian bawah semua kandungan, tanpa mengira menatal. Biola yang disediakan menunjukkan tingkah laku ini: http://jsfiddle.net/uw8f9/.

Atas ialah kandungan terperinci Bagaimana untuk Menyimpan Pengaki di Bahagian Bawah Halaman Walaupun Semasa Menatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!