I m googling, coding but can t 내 문제에 대한 해결책 찾기 나는 컨테이너를 100 % 컨테이너로 설정했고 또 다른 100 % 컨테이너와 고정 된 높이를 가진 두 개의 div를 포함하고 스크롤 할 필요가없는 한 화면에 모든 내용을 담고 있다는 전반적인 생각을 망칩니다. https://jsfiddle.net/6jk91tnq/컨테이너 내부의 여러 div가 페이지의 높이가 100 %가되도록합니다.
그러나 그것은 "부모 컨테이너의 100 %로 높이를 설정"을 의미합니다, 당신은 height: 100%이 이 공간을 채우기 의미 인상있어 보인다.
예제에서 100 % 높이의 컨테이너 div 두 개가 있습니다. 바깥쪽에있는 것은 부모 (몸)의 높이가 100 %입니다. 내부 컨테이너는 상위 컨테이너의 높이가 이전 컨테이너 인 100 %입니다. 본질적으로 "전체 페이지 높이와 일치"라고 말하는 내부 div가 있습니다.
뭔가가 페이지의 하단에 충실 (다른 모든 요소를 무시), 당신이 흐름 밖으로 걸릴 수 있으며 강제를해야 position: absolute; bottom: 0;
외부 용기를 사용하여 위치 할 경우 하나의 100 %와 자식 DIV 이것은 외부 사업부는 화면 크기가 될 것입니다, 그리고 부모 DIV 무엇이든의 내부 사업부가 90 %가 될 것입니다 것을 의미
<div style="height:100%">
<div style="height:90%;"/*or any value <100%, that is appropriate for your design */></div>
<div>
보다 작아야합니다 ,
만 외부 DIV의 모든 높이, 부모 크기의 100 %를 커버 할 페이지 있지만 내부 사업부의 절반을 덮는 것이
<div style="height:50%">
<div style="height:100%"></div>
<div>
컨테이너 사업부처럼 작성할 경우.
이렇게하면 첫 번째 하위 div의 높이 크기를 낮추어 피들에서 하나의 호출기를 얻게됩니다.