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
Barbara Streisandasal
2024-12-09 18:14:15633semak imbas

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

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

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

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!

Kenyataan:
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