CSS 또는 Angularjs의 요소 안에 전체 높이를 추가하는 방법

Question

아이디어는 본문 섹션에서 수직 또는 수평 스크롤 막대를 사용하지 않습니다. 나는 이런 CSS를 가지고 div가 있습니다 :

display: flex; 
height: 100%; 

나는 내부 div 높이가 완전히 응답하고 싶습니다. 높이는 장치의 높이에 따라 자동 조정되어야합니다. div 내부에 대해서는 데이터를 기반으로 아무런 문제없이 스크롤 바를 가질 수 있습니다.

너희들이 내 질문을 이해하기를 바랍니다. 도와주세요.

Answer 1

본문에 스크롤하지 않고 기본 div.you에서 다음과 같은 CSS와 HTML을 사용하여 달성 할 수 있기를 바랍니다. 다음과 같이

<div class="main"> 
    <div class="content"> 
    // you content goes here... 
    </div> 
</div> 

및 .main 클래스 및 .content 클래스에 대한 CSS입니다.

.main{ 
    position: absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 

.content{ 
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    overflow: auto; 
} 

여기 난이 도움이되기를 바랍니다 데모 https://codepen.io/anon/pen/MpLZqd

입니다.