如何爲CSS或Angularjs中的元素內的元素添加完整高度

Question

想法是不要在主體部分中使用垂直或水平滾動條。我有一個div這樣的CSS是這樣的：

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

我希望這會有所幫助。