margin 겹침 현상 (margin collapsing)
인접한 박스간 상하 마진이 적용되어 있을 때, 중복된 값을 상쇄하여 margin이 겹쳐 나타나는 현상.
- 마진 겹침 현상은 두 박스가 온전한 block-level 일 때 적용된다.
- margin 이 겹칠 때는 큰 값으로 적용된다.
- margin 태그 사이에 시각적인 요소(ex. border)가 없을 때 마진 겹침 현상이 나타난ㄷ.
즉, 태그 사이에 텍스트나 테두리와 같은 시각적인 요소가 있다면 마진 겹침 현상이 나타나지 않는다.
후론트엔드 개발자