introWrap 서랍장에 top: 100px;을 적용하면 부모 자식 간의 마진 병합 현상이 일어나지 않으며, 다른 레이아웃은 유지된 상태에서 introWrap 서랍장만 아래로 이동합니다. top 속성은 3차원 특징을 가진 position의 속성값인 relative, absolute, fixed에서만 사용할 수 있습니다.
예제 소스 Exercise/12장/KidsGao/css/style.css
#intro { width: 100%; height: 1600px; background-image: url(../img/intro/intro_bg.png); } #intro .introWrap { position: relative; width: 760px; height: 516px; left: 50%; margin-left: -380px; /* 마진 병합 현상 없이 introWrap 서랍장만 아래로 움직입니다. */ top: 100px; }