CSS에서 '마진 병합(Margin Collapsing)'이란 무엇인가요?
보통 MDN Web Docs해설
마진 병합(Margin Collapsing)은 수직 방향으로 인접한 블록 요소들의 마진이 겹칠 때, 두 마진이 합산되지 않고 더 큰 값 하나만 적용되는 CSS 동작입니다. 이는 수직 마진에서만 발생하며, Flexbox나 Grid 컨테이너 내부에서는 발생하지 않습니다.
마진 병합(Margin Collapsing)은 수직 방향으로 인접한 블록 요소들의 마진이 겹칠 때, 두 마진이 합산되지 않고 더 큰 값 하나만 적용되는 CSS 동작입니다. 이는 수직 마진에서만 발생하며, Flexbox나 Grid 컨테이너 내부에서는 발생하지 않습니다.