인프런 커뮤니티 질문&답변
CSS 적용 이후 메인영역이 상단으로 올라오지 않습니다.
작성
·
353
·
수정됨
1
컴포넌트 이해하기 편 7분2초경에 CSS적용이후 메인 영역 컨텐츠가 상단으로 올라오는 모습인데 동일한 css로 적용해도 아래쪽에 머물러 있네요. CSS는 깃에 올라온 소스 그대로 붙여봐도 동일하게 아래에 머물러 있습니다.
퀴즈
73%나 틀려요. 한번 도전해보세요!
Vue.js는 주로 어떤 목적으로 사용되는 JavaScript 프레임워크 일까요?
서버 로직 처리
데이터베이스 관리
사용자 인터페이스(UI) 개발
네트워크 보안 강화
답변 1
0
짐코딩
지식공유자
안녕하세요.
메인 컨텐츠 (main)의 가로 사이즈를 조절해 보시는 것을 권장드립니다.
(브라우저에 따라 기본 스타일이 다를 수 있기 때문입니다.)
.main {
...
width: calc(100vw - 160px); <-- 해당 부분 조절
...
}






강의 진행대로 크롬으로 진행했습니다.
다만 저 부분을 100vw 대신 100%로 하면 적용이 되는데 왜 저렇게 하면 안되는지 너무 궁금해서 질문드렸습니다.