gonasooc
로그인
gonasooc
로그인
마진 병합 현상(Margin Collapsing)에 대해서 설명해주세요
최관수
·
2023년 9월 28일
팔로우
0
CSS
기술면접
0
기술면접
목록 보기
53/58
내용 정리
마진 병합은 어떤 두 개 이상 블록 요소, 즉 형제거나 부모와 첫 번째 자식, 마지막 자식 요소의 상하 마진이 겹칠 때 더 큰 값을 가진 마진만 적용되는 현상을 말합니다. 이를 해결하기 위해서는 중간에 빈 요소를 넣는 방법도 있지만 시맨틱 마크업이나 웹 접근성 측면에서 좋은 방법으로 보기는 어렵고, padding으로 대체하는 방법이 일반적이라고 볼 수 있습니다.
꼬리 질문
실제로 경험해보신 적이 있으신가요?
참고자료
https://jaeheon.kr/274
https://velog.io/@raram2/CSS-마진-상쇄Margin-collapsing-원리-완벽-이해
최관수
평소엔 책과 영화와 음악을 좋아합니다. 보편적이고 보통사람들을 위한 서비스 개발을 꿈꾸고 있습니다.
팔로우
이전 포스트
React 생명주기(LifeCycle)에 대해서 설명해주세요
다음 포스트
z-index 동작 방식에 대해 설명해주세요
0개의 댓글
댓글 작성