그림 12-15 padding-top 속성을 적용한 결과 문제가 없어 보인다
그럼 intro 공간 상단과 introWrap 서랍장 사이에 100px만큼 공백이 발생하면서 introWrap 서랍장이 아래로 움직입니다. 눈으로 봤을 때는 별다른 문제가 없어 보입니다. 하지만 요소 검사를 해 보면 padding-top 속성에 문제가 보입니다.
TIP
Day 07에서 언급했듯이 요소 검사는 크롬 브라우저에서 지원하는 개발자 도구입니다. 크롬 브라우저에서 화면을 마우스 오른쪽 버튼으로 누르고 ‘검사’를 선택하면 현재 웹 사이트의 HTML 코드와 CSS 속성을 확인할 수 있습니다.