位置:绝对和高度

时间:2011-07-03 20:45:18

标签: jquery html css height css-position

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

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

任何方法,css或javascript [jQuery]都是可以接受的,或者对结构有任何改变。

2 个答案:

答案 0 :(得分:1)

如果我理解正确,删除bottom: 5pxheight: 100%可以获得您想要的内容:http://jsfiddle.net/blineberry/HnfCU/1/

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

答案 1 :(得分:1)

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

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

同时删除height: 100%样式,因为这样只会使孩子与专利相同的高度,这是你不想要的,因为你没有在父母中显示孩子。

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