마진 병합은 위아래(상하) 마진에서만 발생하는 CSS의 특별한 동작입니다.

마진 병합의 기본 규칙:
• 위아래 마진: 병합 발생 ✓
• 좌우 마진: 병합 발생하지 않음 (항상 더해짐)

예시로 이해하기:
```css
.box1 { margin-bottom: 30px; }
.box2 { margin-top: 20px; }
```
결과:
• 세로 간격: 30px (더 큰 값) - 병합됨
• 가로로 배치된다면: 30px + 20px = 50px - 더해짐

왜 이런 차이가 있을까요?
• 세로 방향: 문서의 자연스러운 흐름을 위해 병합
• 가로 방향: 레이아웃의 정확한 제어를 위해 더함