인프런 커뮤니티 질문&답변
작성한 질문수
답변 1
0
1분코딩
지식공유자
둘 중에 뭐가 더 많이 사용된다기보다, %와 vw는 다른 값이랍니다~
100%는 부모 요소의 width이고요, 100vw는 무조건 브라우저 창의 크기(폭)입니다.
<div style="width: 500px;">
<div class="aaa">AAA</div>
</div>
이런 상황이라면,
.aaa { width: 100%; }는 500px이 되고요,
.aaa { width: 100vw; }는 그냥 브라우저의 폭이랍니다.
만약 <body>의 자식이라면 100%나 100vw나 똑같겠지요~