CSS vw에서 스크롤바 width 뺀 값 구하기

lize·2023년 2월 1일
0

100vw에서 스크롤바의 width를 뺀 값

.elem {
	/* 스크롤바의 너비: 100vw - 100% */
	width: calc(100vw - (100vw - 100%));
}

50vw에서 스크롤바의 width를 뺀 값

.elem {
	/* 스크롤바의 너비: 100vw - 100% */
	width: calc(50vw - ((100vw - 100%)/2));
}

나는 주로 영역의 배경이 반만 차지하거나 1/3만 차지하는 경우에
absolute: position; width: 50vw;
이런식으로 했었는데 이렇게 width50vw로 하면 영역의 width에 딱 맞지 않고 더 크길래 찾게된 방법이다.


참고: https://stackoverflow.com/questions/33606565/is-it-possible-to-calculate-the-viewport-width-vw-without-scrollbar

profile
웹퍼블리셔

0개의 댓글