인프런 커뮤니티 질문&답변
작성한 질문수
모던 웹페이지 만들기5
작성
·
176
1
안녕하세요
모던웹페이지만들기5 에서 12:12에 .main-container에 margin-top:60px;를 주셨는데 왜 .main 전체에 margin-top이 60px이 적용되는지 이해가 잘 되지 않습니다ㅜㅜ
퀴즈
웹 페이지의 `head` 영역에 포함되는 뷰포트(viewport) 메타 태그의 주요 목적은 무엇일까요?
웹사이트의 배경 색상을 설정합니다.
검색 엔진 최적화를 위한 키워드를 정의합니다.
다양한 기기 화면에서 웹 페이지의 너비와 배율을 제어합니다.
웹 페이지에 포함될 JavaScript 파일을 선언합니다.
답변 1
1
잔재미코딩 DaveLee
지식공유자
이 부분은 영상에서 설명드린 적이 있어요.
위의 영역이 float 등 화면 레이아웃에 포함된 영역이 아니기 때문에 margin-top 을 주지 않으면, 덮여져서 보여지기 때문에 그렇게 한 것이고요. 직접 빼보시면 바로 이해하실 것 같습니다.
넵 그거까지는 이해가 됬습니다! 그런데 .main이 부모요소이고 .main-container가 자식요소인데 .main-container에 margin-top을 주면 main과 main-container사이에 marign이 들어가야하는게 맞지않나요?
.main 백그라운드에 있는 이미지가 전체적으로 움직이는데 그 부분이 잘이해가 되지 않습니다.