如何在CSS或Angularjs中为元素内部的元素添加完整高度Dinamically

时间:2017-04-02 19:25:09

标签: css angular

想法是不要在身体部分使用垂直或水平滚动条。我有一个像这样的css的div:

display: flex;
height: 100%;

我希望div高度内部能够完全响应。高度应根据设备的高度自动调整。对于内部div我们可以根据数据滚动条没有问题。

希望你们理解我的问题,请帮助。

1 个答案:

答案 0 :(得分:0)

因为您不希望在主体上滚动但在主div内部。您可以使用以下css和html实现。

.main

以及.content类和.main{ position: absolute; top:0; bottom:0; left:0; right:0; } .content{ position:absolute; top:0; bottom:0; left:0; right:0; overflow: auto; } 类的css如下所示。

{{1}}

这是演示https://codepen.io/anon/pen/MpLZqd

我希望这会有所帮助。