javascript - 自动为绝对子元素的父元素设置高度

Question

我有一种情况，我有一些具有绝对位置的 div(用于 3d 翻转效果)。 结果，父 div 的高度非常小，绝对内容溢出到较低的内容之上。出于响应原因，无法真正设置固定高度。

我打算给 child div 相对位置，然后在 jquery 的帮助下收集高度并根据它设置高度。但是响应式确实有很多元素和变量。有没有其他更优雅的方式让 child 适应 parent ？

http://jsfiddle.net/xyjrLa2p/

html

<div class="parent">
<div class="title">Title</div>
<div class="absolute">
    <p>Absolute</p>
    <p>Absolute</p>
    <p>Absolute</p>
</div>
<div class="clearboth"></div>
</div>

CSS

.parent {
position:relative;
background-color:yellow;
}
.absolute {
position:absolute;
}
.absolute p {
padding:5px;
}
.clearboth {
clear:both;
}

Answer 1

如果您不介意 .absolute 位置，请尝试使其成为relative:

.absolute {
    position:relative;
}

工作示例 -- http://jsfiddle.net/xyjrLa2p/3/