css 부모와 상관없이 width1 [html] 부모와 상관없이 width 100% 주기 (+가로 스크롤x) width: 고정px margin:0 auto 를 이용해서 내용들을 중앙정렬했는데, 자식 요소들 중에서 가로 너비를 창크기와 같게 해야 하는 일이 생겼다. width: 100% 를 쓰면 상대적으로 계산돼서 부모의 width와 같게 된다. 그래서 width: 100% 대신 width:100vw; margin-left: calc(-50vw + 50%); 를 자식 요소에 넣어주면 부모와 상관없이 너비를 창 크기와 같게 할 수 있다. 하지만 이렇게 하면 가로 스크롤이 생긴다. 양옆에 약간의 여백도 있다. 양 옆의 여백은 body의 margin 때문이다. 개발자도구에서 확인해보고 body에 margin: 0 속성을 준다. 가로 스크롤이 생긴 이유는 width:100vw에 세로 스크롤까지 포함됐기때문이다. 최상위 .. 2020. 9. 16. 이전 1 다음 반응형
