position：绝对和高度

Question

我有这个例子http://jsfiddle.net/HnfCU/我使用 jQuery 来显示和隐藏.child div 。 .child绝对定位于.parent我试图解决的问题是.child的高度。

我希望.child的背景覆盖整个区域。 现在，使用height:100%部分覆盖它。 我不能使用固定高度，因为内容是动态的。

任何方法，css 或 javascript[jQuery]，都可以接受，或者对结构进行任何更改。

Answer 1

如果我理解正确，删除bottom: 5px和height: 100%会得到你想要的： http://jsfiddle.net/blineberry/HnfCU/1/

这允许.child从其内容中获取其高度。

Answer 2

只需删除bottom: 5px; .child样式中的样式。

它将子 div 的底部放置在父 div 底部上方五个像素的位置，但是由于您将子 div 的顶部放置在父 div 底部下方，这将导致高度为负，因此浏览器只需设置高度到最接近的可能值，即零。

还要删除height: 100%样式，因为这只会使子项与专利具有相同的高度，这是您不希望的，因为您不会在父项中显示子项。

http://jsfiddle.net/HnfCU/2/