0

我有一个高度灵活的 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>

外部 div：angularJS 目录中的 styleOuter()函数将外部div 高度设置为“ windowSize-100px ”

第一个 div : 它的高度是固定的 (60px)

第二个 div： angularJS 目录中的style()函数应将第二个div 高度设置为“ outerDivSize - 60px ”

4

2 回答 2

1

我将此解决方案发布为答案。这是我之前在评论中发布的 Fiddle 的第二个版本。

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

于 2013-07-19T13:04:50.457 回答
0

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

于 2013-07-19T09:13:12.037 回答