html css

[css] 화면크기에 맞춰 패딩 적용하기 /block과 inline/rest.css

네이버웹툰 사이트 클론코딩 중 예상치못한 문제가 발생했습니다. 문제 발생: 화면크기에 넘친 padding 웹사이트가 화면크기에 맞게 조절되고 좌우 여백이 들어간 모습을 예상했으나, 하단에 스크롤 바가 생기며 패딩이 넘치게 적용된 모습입니다. 부모 요소들도 width 값을 100vw 으로 지정했으며, padding은 해당 header 컴포넌트 root html 요소에 padding: 0 2rem 을 적용한 상태입니다. /*오류난 코드*/ .wrapper{ width:100vw; height: auto; padding: 0 2rem; /* box-sizing: border-box; */ border: 1px solid red; } //jsx //오류난 코드 import React from 'react'; i..