CSSまたはAngularjsの要素内の要素にフルハイトを追加する方法

Question

アイデアは、ボディセクションに垂直または水平スクロールバーを使用しません。私はこのようなCSSを持っているdivを持っています：

display: flex; 
height: 100%; 

私は内部divの高さが完全に応答したいと思います。高さは、デバイスの高さに基づいて自動的に調整する必要があります。内部divのために、データに基づいてスクロールバーに問題はありません。

皆さん、私の質問を理解していただけると助かります。

Answer 1

あなたは本体にスクロールしたくないがメインdiv内にあるので、次のCSSとHTMLを使用して達成することができます。 .mainクラスおよび.contentクラスの

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

と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

です。