Mengapa BFC boleh menyelesaikan masalah tindanan margin?

Question

http://jsfiddle.net/gothic/B6E8F

Ini tidak bermakna jidar menegak dua atau lebih elemen blok bersebelahan dalam aliran biasa akan runtuh, jadi syarat manakah yang dilanggar oleh contoh ini?

Answer 1

w3.org Spesifikasi tentang penggabungan margin

Dua margin bersebelahan jika dan hanya jika:

• keduanya tergolong dalam kotak peringkat blok aliran masuk yang mengambil bahagian dalam konteks pemformatan blok yang sama

• tiada kotak garisan, tiada ruang kosong, tiada padding dan tiada sempadan memisahkannya

• ...

Margin perlu dimiliki oleh kotak tahap blok dalam BFC yang sama, overflow: hidden BFC baharu dicipta, jadi ia tidak akan runtuh secara semula jadi.