마진 상쇄(margin collapsing)

마진 상쇄는 인접한 같은 블록 요소의 상하 여백이 겹치면 마진이 하나로 합쳐지는 현상
마진은 인접한 여백 중 큰 여백으로 상쇄된다

마진 상쇄는 display 프로퍼티 값이 flex, grid일 때나 position: absolute일 때, float인 상태일 때 적용되지 않는다.