Html 将绝对父div展开到相对子级的高度

我需要用幻灯片效果设置ng视图的动画。因此我得到了3个div

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

长内容

我正在测试这些。外部的

div

需要是

overflow:hidden

才能让我的幻灯片生效。内部的

div

需要是

absolute

。如果内部

div

包含一些文本，则其他两个div应根据内部

div

扩展高度。与所有

div

都是相对的时相同。如何做到这一点

就像我的例子中的链接，但高度可变

---

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

问题是内容的大小，你将内部div设置为绝对值，因此家长不会这样做 有任何高度。首先要做的是定义元素的大小，然后使用绝对元素进行布局

请参见下面的示例，我定义了一个名为.page的div，最小高度为：200px，足以显示元素（.slide），因为如果不这样做，元素（.page）高度将为0，并将被溢出：hidden剪切

.第页{
背景色：#DDD；
溢出：隐藏；
位置：相对位置；
最小高度：200px；
}
.滑块{
位置：绝对位置；
}
.幻灯片{
位置：相对位置；
}
长内容

问题在于内容的大小，您将内部div设置为绝对值，因此家长不会这样做 有任何高度。首先要做的是定义元素的大小，然后使用绝对元素进行布局

请参见下面的示例，我定义了一个名为.page的div，最小高度为：200px，足以显示元素（.slide），因为如果不这样做，元素（.page）高度将为0，并将被溢出：hidden剪切

.第页{
背景色：#DDD；
溢出：隐藏；
位置：相对位置；
最小高度：200px；
}
.滑块{
位置：绝对位置；
}
.幻灯片{
位置：相对位置；
}
长内容

没有。这是另一种方式。外部->相对，内部->绝对。请删除代码段上的重复标记，最内部的div必须能够拉伸其父级。你有CSS和JS吗？我可能点击了错误的链接。div确实会膨胀，所以我认为角度是造成问题的原因。或者你想让隐藏的div也扩展？不。这是另一种方式。外部->相对，内部->绝对。请删除代码段上的重复标记，最内部的div必须能够拉伸其父级。你有CSS和JS吗？我可能点击了错误的链接。div确实会膨胀，所以我认为角度是造成问题的原因。或者你也希望隐藏的div扩展？