html - Tanya tentang margin-top

Question

<p >
    <h1 style="margin-top:100px">aa</h1>
</p>

Saya ada soalan yang saya tidak faham
Dalam 1.html, p membungkus h1, dan h1 mempunyai margin atas h1 meletus di luar p dan bukannya melaksanakan margin di dalam p. 2. Cara melaksanakannya Terima kasih di p.

Demo Kod

Huraian Pautan

Answer 1

Soalan ini telah ditanya berkali-kali, izinkan saya memberi anda rujukan
MDN-Margin Runtuh
Runtuh margin

Answer 2

Menurut jawapan jasonintju, saya akan menyelesaikannya:
Oleh kerana margin-top elemen anak saya lebih besar daripada elemen induk, saya akan menggunakan margin-top elemen anak secara langsung

Elemen induk peringkat blok dan elemen anak pertama/terakhirnya
Jika elemen induk peringkat blok tidak mempunyai empat atribut sempadan atas, padding atas, kandungan sebaris dan apungan jelas (untuk sempadan atas dan padding atas, anda boleh Juga Katakan, apabila jidar atas dan lebar padding atas ialah 0), maka jidar atas elemen peringkat blok ini dan elemen anak pertamanya boleh dikatakan "berdekatan antara satu sama lain." Pada masa ini, jidar atas unsur induk peringkat blok dan unsur anak pertamanya akan bergabung Dalam erti kata lain, jidar yang dipaparkan oleh unsur induk pada masa ini akan terus menjadi unsur induk dan unsur anak pertamanya daripada margin atas elemen kanak-kanak.
Begitu juga, jika jidar bawah unsur induk peringkat blok dan jidar bawah unsur anak terakhirnya tidak dipisahkan oleh jidar, padding, kandungan sebaris, ketinggian, ketinggian min dan ketinggian maksimum induk elemen, maka penggabungan Margin akan berlaku.

Petikan: https://developer.mozilla.org...

Answer 3

Cukup asingkan p dan h1 dan tetapkan padding atau border pada p