margin (1) 썸네일형 리스트형 [CSS] 마진 병합 (Margin Collapsing) 마진 병합은 CSS의 margin 값이 서로 병합되는 현상을 말한다. 마진 병합은 형제 태그끼리 발생하는 것과 부모 자식 간에 발생하는 현상으로 나뉜다. 또한 마진 병합은 상하에서만 일어나는 현상이므로 inline구조에선 발생하지 않으며, margin-top과 margin-bottom 사이에서만 발생한다. 형제 태그끼리의 병합 현상 See the Pen Margin Collapsing 1 by hyeon (@longflash) on CodePen. 먼저 box1의 margin-bottom은 50px, box2의 margin-top은 100px을 주었고, box3와 box4의 간격은 정확히 100px을 주었다. 하지만 1과 2의 상하 간격이 3과 4의 상하간격인 100px과 같은 것을 볼 수 있다. box.. 이전 1 다음