본문 바로가기
IT관련/Web Publishing

부모 컨테이너 넓이에 상관없이 full-width값 주는방법

by 비제이체 2022. 2. 10.

.fullcon {background: #?; width:100vw;
margin-left: calc(-50vw + 50%);}

 

부모컨테이너의 넓이가 정해져있고 부분부분 full-width값의 배경을 줘야할경우 부모컨테이너의 width값을 100%로 주고 부분부분 넓이를 맞춰야 하지만 작업이 복잡해 질수가 있다.

 

해당소스를 활용하면 부모컨테이너의 넓이에 상관없이 full-width값을 줄수있다. 

'IT관련 > Web Publishing' 카테고리의 다른 글

stroke-dasharray, stroke-dashoffset  (0) 2022.01.14
브라켓(Brackets) 관련내용  (0) 2021.09.29
웹디자인 기능사(필기, 실기) 후기  (0) 2021.09.17
부트스트랩 정리2  (0) 2020.12.18
부트스트랩 정리1  (0) 2020.12.15

댓글


홈페이지 제작/유지보수
반응형 홈페이지 퍼블리싱, 개발, 디자인
스타트업, 기업용