100 % 높이의 div 스크롤

Question

요약하면 창의 높이와 너비 모두에서 "크기 조정 가능한 페이지"를 얻으려고합니다. 나는 두 개의 고정 된 블럭도 가지고있다. 하나는 페이지 상단에, 다른 하나는 왼쪽에 있습니다 (예 : Flow 앱).

As you can see there, 나는 화면의 노란색 부분을 크기를 조절할 수 있도록하려고하는데 (CSS 만 해당) 높이 부분에 문제가 발생합니다. 스크롤 영역은 항상 상단 블록 (빨간색 블록)의 높이를 계산합니다.

자바 스크립트를 무료로 만들 수있는 방법이 있습니까?

Answer 1

id가 "container"인 div는 높이가 100 %입니다. 즉, 포함하는 id = 'wrapper'div의 100 %를 의미합니다. 한 가지 가능한 해결책은 높이를 확인하는 것입니다 :

빨간색 부분 :이 "용기"래퍼를 의미

90 % 높이 : 전체 높이 파란색 + 노란색 (즉, "래퍼"DIV)의 10 % 그 90 %를 멋지게 채워야합니다.

편집 : 단점은 빨간색 부분이 더 이상 고정 된 픽셀 높이가 아니라는 것입니다.