Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Membetulkan Pengaki Laman Web Saya ke Bahagian Bawah Halaman?

Bagaimanakah Saya Boleh Membetulkan Pengaki Laman Web Saya ke Bahagian Bawah Halaman?

Barbara Streisand
Lepaskan: 2024-12-09 18:14:15
asal
630 orang telah melayarinya

How Can I Fix My Website Footer to the Bottom of the Page?

Tidak Dapat Membetulkan Pengaki ke Bahagian Bawah Halaman

Jika anda mengalami kesukaran membetulkan pengaki tapak web anda ke bahagian bawah halaman, tanpa mengira saiz skrin, berikut ialah beberapa penyelesaian yang mungkin:

Gunakan kedudukan : tetap; sifat.

Kedudukan : tetap; boleh digunakan untuk membetulkan elemen pada kedudukan tertentu pada skrin, walaupun apabila halaman itu ditatal. Untuk menggunakan sifat ini, tambahkan kod berikut pada fail CSS anda:

#footer {
  position: fixed;
  bottom: 0;
}
Salin selepas log masuk

Gunakan margin-top: auto; harta.

Sifat margin-top: auto; boleh digunakan untuk memusatkan elemen secara menegak dalam bekas induknya. Untuk menggunakan sifat ini, tambahkan kod berikut pada fail CSS anda:

body {
  margin-top: auto;
}
Salin selepas log masuk

Gunakan gabungan kedudukan: tetap; dan margin-top: auto ; sifat.

Jika anda ingin membetulkan pengaki ke bahagian bawah halaman dan memusatkannya secara menegak, anda boleh menggunakan gabungan sifat kedudukan: tetap; dan margin-top: auto;. Untuk melakukan ini, tambahkan kod berikut pada fail CSS anda:

body {
  margin-top: auto;
}

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Pengaki Laman Web Saya ke Bahagian Bawah Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan