처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS에서 '마진 병합(Margin Collapsing)'이란 무엇인가요?

보통 MDN Web Docs
보기 및 정답
A 인접한 두 요소의 수직 마진이 합쳐져 더 큰 마진 하나만 적용되는 현상이다
B margin collapse는 좌우 방향에서도 동일하게 발생하는 현상이다
C box-shadow는 요소의 크기 계산에 포함되어 레이아웃에 영향을 준다
D margin: auto는 블록 요소뿐만 아니라 인라인 요소도 중앙 정렬한다

해설

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

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기