html - Soalan tentang panduan muktamad kepada css (berkaitan dengan model kotak)

Question

css权威指南中第173页的这段话是什么意思?“注意”中的描述貌似和代码与示意图没什么联系

Answer 1

Nampaknya ada yang tidak kena dengan gambar ini, saya tidak tahu sama ada terdapat sebarang konteks

1. Kapsyen gambar Apabila ia berkaitan dengan jidar, ia harus merujuk kepada jidar, tetapi p tidak ditetapkan, dan lalainya ialah 0

2. Bahagian perak sekitar 30px+20px = 50px, dua p dipisahkan oleh 20px, ia sepatutnya hubungan 5:2, pemeriksaan visual gambar ialah 2:1

3. p padding ialah 0, melainkan terdapat fon khas, teks hendaklah dekat dengan sebelah kiri, dan huruf p hendaklah dekat dengan tepi bawah

Answer 2

Atas pelapik elemen induk akan menolak elemen anak ke bawah, dan
bahagian atas jidar unsur anak akan bergerak ke bawah untuk meninggalkan jidar.
Jadi, walaupun margin atas elemen anak anda -10px menaikkannya 10px
tetapi elemen induk menambah 10px teratas padding, ia juga membawa offset kepada elemen anak dan menurunkannya semula 10px, yang bermaksud ia tidak bergerak