Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mencipta Pengepala dan Pengaki Tetap dengan Kandungan Boleh Tatal?

Bagaimana untuk Mencipta Pengepala dan Pengaki Tetap dengan Kandungan Boleh Tatal?

Linda Hamilton
Linda Hamiltonasal
2024-12-04 03:12:10359semak imbas

How to Create a Fixed Header and Footer with Scrollable Content?

Pengepala dan Pengaki Tetap dengan Kandungan Boleh Tatal: Penyelesaian Minimum

Mencapai pengepala dan pengaki tetap dengan kandungan boleh tatal meniru reka letak yang dilihat pada tapak web seperti dalam imej yang dirujuk. Berikut ialah coretan kod CSS dan HTML minimum yang boleh mencapai kesan ini:

HTML:

<html>
  <body>

CSS:

  • #header menetapkan pengepala untuk dibetulkan di bahagian atas halaman, dengan ketinggian dan lebar yang ditentukan. overflow:hidden menghalang kandungan daripada melimpahi pengepala.
  • #content mentakrifkan kawasan kandungan boleh tatal, diletakkan di bawah pengepala dan memanjang ke bahagian bawah halaman.
  • #footer ditetapkan pada bahagian bawah halaman, dengan ketinggian dan sifat limpahan yang sama seperti pengepala.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Pengepala dan Pengaki Tetap dengan Kandungan Boleh Tatal?. 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