如何为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

我希望这会有所帮助。