Bagaimanakah Saya Boleh Menghalang Margin Div Kanak-Kanak daripada Menjejaskan Ketinggian Div Induk Tanpa Sempadan?

CSS: Div Induk Margin-Top dan Borderless Induk

Dalam senario yang diterangkan, div oren kanak-kanak ditetapkan dengan jidar atas 30px dalam div induk hijau yang tidak mempunyai sempadan atas. Isu timbul apabila jidar menolak div induk ke bawah, walaupun sempadan atas tidak diingini.

Untuk menyelesaikan masalah ini, sambil mengekalkan div induk tanpa sempadan, pertimbangkan untuk melaksanakan perkara berikut:

.body {
    overflow: auto;
}

Dengan menambahkan "overflow: auto" pada div induk ".body", anda menggunakan gelagat jidar runtuh penyemak imbas. Ini membolehkan margin atas div kanak-kanak terkandung dalam div induk tanpa melangkaui sempadannya.

Pendekatan ini memastikan div hijau kekal tanpa sempadan sambil menghalang keruntuhan jidar, membenarkan kedudukan div oren anak yang betul tanpa menyebabkan perubahan yang tidak diingini pada ketinggian div induk.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Margin Div Kanak-Kanak daripada Menjejaskan Ketinggian Div Induk Tanpa Sempadan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!