현재 작성된 코드에서는 마진 병합 현상 때문에 margin-top 속성을 사용할 수 없습니다. 그렇다면 다음 코드처럼 margin-top 속성을 지우고 <header id="intro"> 공간 안에 padding-top 속성을 적용하면 어떨까요?
예제 소스 Exercise/12장/KidsGao/css/style.css
#intro { width: 100%; height: 1600px; background-image: url(../img/intro/intro_bg.png); padding-top: 100px; } #intro .introWrap { position: relative; width: 760px; height: 516px; left: 50%; margin-left: -380px; }