Mengapa Margin Atas Saya Menolak Div ​​Induk ke Bawah, dan Bagaimanakah `overflow: auto` Boleh Membantu?

Memahami Isu Margin-Top

Dalam CSS, menambahkan jidar atas pada elemen anak pertama kadangkala boleh menolak div yang mengandungi ke bawah. Ini berlaku kerana penyemak imbas secara automatik meruntuhkan nilai jidar bersebelahan dalam arah menegak.

Penyelesaian: Limpahan:auto

Untuk menyelesaikan isu ini, satu penyelesaian yang berkesan ialah menambah sifat limpahan: auto kepada div induk. Ini memaksa bekas induk melaraskan ketinggiannya secara automatik untuk menampung jidar tanpa menjejaskan kedudukan adik-beradik.

Contoh:

div#header {
  width: 100%;
  background-color: #eee;
  position: relative;
  overflow: auto;
}

Dengan melaksanakan penyelesaian ini,

margin dalam coretan yang disediakan tidak akan menolak div #header lagi. Untuk maklumat lanjut, rujuk pautan yang disediakan.

Atas ialah kandungan terperinci Mengapa Margin Atas Saya Menolak Div ​​Induk ke Bawah, dan Bagaimanakah `overflow: auto` Boleh Membantu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!