인프런 커뮤니티 질문&답변
작성한 질문수
모던 웹페이지 만들기5
작성
·
175
1
안녕하세요
모던웹페이지만들기5 에서 12:12에 .main-container에 margin-top:60px;를 주셨는데 왜 .main 전체에 margin-top이 60px이 적용되는지 이해가 잘 되지 않습니다ㅜㅜ
답변 1
1
잔재미코딩 DaveLee
지식공유자
이 부분은 영상에서 설명드린 적이 있어요.
위의 영역이 float 등 화면 레이아웃에 포함된 영역이 아니기 때문에 margin-top 을 주지 않으면, 덮여져서 보여지기 때문에 그렇게 한 것이고요. 직접 빼보시면 바로 이해하실 것 같습니다.
넵 그거까지는 이해가 됬습니다! 그런데 .main이 부모요소이고 .main-container가 자식요소인데 .main-container에 margin-top을 주면 main과 main-container사이에 marign이 들어가야하는게 맞지않나요?
.main 백그라운드에 있는 이미지가 전체적으로 움직이는데 그 부분이 잘이해가 되지 않습니다.