퀴즈 / CSS / 문제

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

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

해설

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

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...