입사 첫 주에, 간단한 퍼블리싱 업무를 받아서 페이지를 짜는데 자식 div에 margin-top을 주려고 했는데 (왼쪽 그림을 희망함) 갑자기 부모 div에 margin-top이 생겨버리는 바람에 (오른쪽 그림처럼) 당황했던 경험이 있다. 자식 div의 마진이 부모 div에 대신 적용되는 위와 같은 경우뿐만 아니라 마진이 제대로 적용 안될 때가 간혹 있다고 하는데 학원에서 팀프로젝트 할 때는 정확한 원인을 모르고 대충대충 해결해왔던 것 같다 알아보니 마진 병합 현상 (margin collapsing) 이라고 한다! div가 여럿일 때 마진이 꼬인다고... 이애 대한 설명은 많은 슴배님들의 개발 블로그에 잘 나와 있고 나도 100% 이해하지 못했으니 따로 설명하진 않는다. 그냥 자식div 마진이 부모div..
