프로필카테고리질문하기
로그인 계정 만들기

div를 창의 100% 높이로 만드는 방법

04 개월 전

CSS에서 div를 창의 높이와 같게 만드는 방법이 있을까요?

height: 100%, min-height: 100%를 해봤지만 그대로에요.

답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

394 개월 전
CSS3에서 새로 추가된 뷰포인트 퍼센트 단위를 사용하세요.

뷰포인트 퍼센트 길이는 최초 포함 블럭의 사이즈에 비례합니다. 최초 포함 블럭의 높이 또는 너비가 변경된 경우, 뷰포인트 퍼센트 길이는 따라서 크기가 변경됩니다.

뷰포인트 퍼센트 단위는 vw (뷰포인트 너비), vh (뷰포인트 높이), vmin (뷰포인트 너비와 높이 중 최소값), vmax (뷰포인트 너비와 높이 중 최대값) 가 있어요.

div를 창의 높이와 같게 만드려면 div의 height100vh로 설정해주면 되겠죠.

.element { width: 100%; height: 100vh; }
의견 추가
의견 (0)
더 많은 의견 보기

정보

업보트
0
질문됨
4 개월 전
최근 활동
4 개월 전

카테고리

CSS