마진병합

Let's Conquer CSS Margin Collapse

마진 병합현상 (Margin Collapsing) 인접하는 블록요소의 상 하단의 마진이 한쪽으로 병합되는 현상이다.(상쇄,겹침 등등 다양하게 불린다.) 때문에 마진 10+10이 =10이 되거나, 15+10은 15가 되는(더 큰 쪽의 마진값으로 병합) 원치 않는 상황이 발생된다. 하지만 알고보면 마진병합현상은 CSS가 의도적으로 만든 기능이다. 상하단 마진이 병합되지 않고 둘 다 적용이 된다면 상대적으로 다른곳들에 비해 그 부분만 마진이 너무 두꺼워지기 때문에, 디자인이 더 안정적으로 보일 수 있도록 설계된 것이다. 일단은, 마진 병합은 우리를 도와주는 이로운 현상이다라고 이해하자. 마진병합현상이 일어날 수 있는 조건 인접해있는 block 요소끼리만 일어난다. 상하단만 해당사항이다. 일단 아래와 인접해있는..