将绝对父div扩展为相对子级的高度

Question

我需要使用幻灯片效果为我的ng-view设置动画。因此我得到了3个divs

<div style="overflow:hidden">
   <div ng-view style="position:absolute">
       <div style="position:relative"> LONG CONTENT </div>
   </div>
</div>

我正在测试这些effect。外部div需要overflow:hidden才能让我的幻灯片正常工作。内部div需要absolute。如果内部div包含一些文本，则其他2个div应根据内部div扩展高度。与所有divs相对时相同。怎么做到这一点？

与我的示例链接相似，但身高可变。

编辑：这是一个完整的其他问题，然后是“可能的”副本。

Answer 1

问题是你的内容的大小，你的内在div绝对，所以父母不会 有任何高度。首先要做的是为元素定义大小，而不是使用绝对元素来制作布局。

请参阅下面的示例，我定义了一个名为.page的div，其最小高度为：200px，这足以显示您的元素（.slide），因为如果您不这样做，您的元素（.page）高度为0，它将被溢出：隐藏。

evt.loaded / evt.total