根据angularJS中的外部div更改div的高度

Question

我有一个div，它有灵活的高度，里面有两个div。 第一个固定高度为60px，第二个高度应包含外部div内的所有其他左侧区域。我需要angularJS答案，而不是JavaScript本身或JQuery

我查看了表单，并且只写了外部div是浏览器窗口的情况。我也尝试自己编写指令，但没有解决方案。

感谢任何答案或建议。

html代码

<div ng-app = "myApp" id = "outer" ng-style = "styleOuter()">
   <div id = "first" style = "height: 60px">first content</div>
   <div id = "second" ng-style = "style()">second content</div>
</div>

angularIS目录中的

外部分区： styleOuter（）函数将外部 divs高度设置为“ windowSize-100px “

第一个div ：它的高度是固定的（60px）

angularJS目录中的

第二个div ： style（）函数应将 second divs height设置为“ outerDivSize - 60px “

Answer 1

我发帖this solution作为答案。这是我之前发表评论的小提琴的第二个版本。

我很抱歉@pixelll，但我几乎可以肯定你是在推翻事情。如果你知道外div（windowSize-100px）和固定div（height: 60px）的大小，那么你需要为内部div做的唯一事情是将其父级的CSS位置设置为任何（这，创建新的定位上下文），在这个新的上下文中，您应该使用bottom: 0绝对定位内部div。我想就是这样。

Answer 2

你能提供一个解释问题的小人吗？ 我很难理解你的问题，似乎是一个CSS问题，但如果你提供一个例子，我会找到一个有效的解决方案。