Bagaimana untuk Mengalih Keluar Ruang Tambahan Di Atas Pengepala HTML?

Mengalih Keluar Margin Sekitar Pengepala HTML

Apabila memaparkan elemen pengepala, sesetengah pengguna menghadapi ruang yang tidak perlu di atasnya. Untuk menangani isu ini, kami boleh memanfaatkan kod CSS berikut:

body {
  margin: 0px;
  padding: 0px;
}

header {
  margin: 0px;
  padding: 0px;
  height: 20em;
  background-color: #C0C0C0;
}

h1 {
  margin-top: 0;
}

Pelarasan ini menyasarkan

elemen secara khusus, menetapkan jidar atasnya kepada 0 untuk menghapuskan jarak yang tidak diingini.

Isu awal berpunca daripada fenomena yang dikenali sebagai keruntuhan jidar. Dalam CSS, apabila dua elemen dengan margin bertindih, margin yang terhasil adalah sama dengan yang lebih besar daripada dua margin. Ini bermakna dalam kod HTML dan CSS yang disediakan, jidar di sekeliling elemen pengepala telah runtuh dengan jidar di sekeliling

elemen, menghasilkan ruang tambahan di atas pengepala. Dengan menetapkan margin atas

elemen kepada 0, kami melumpuhkan keruntuhan margin dengan berkesan dan menghapuskan ruang yang tidak diingini.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Ruang Tambahan Di Atas Pengepala HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!