Margin collapsing là gì?

Khi 2 vertical margins tiếp xúc nhau, chúng merge thành 1 margin (lấy giá trị lớn hơn).

• Xảy ra giữa siblings, parent-child (không có padding/border ngăn cách).
• Không xảy ra với horizontal margins, flexbox, grid items.

When two vertical margins touch, they merge into one margin (taking the larger value).

• Occurs between siblings and parent-child elements (when no padding/border separates them).
• Does NOT occur with horizontal margins, flex items, or grid items.