Div CSS 佈局中上外邊距合併現象與解決

在 Div CSS 佈局中，子 Div 的 margin-top 有時不會相對於外層大盒子，而是似乎作用於更外層。這是 CSS 的「垂直外邊距合併」現象，當父元素沒有 padding、border 或內容隔開時會發生。

解決方法是為父 Div 加上 padding、border，或設定 overflow: hidden / auto，這樣能打破外邊距合併，讓子元素的 margin-top 正確相對於父容器定位。