JQuery：与父div一起动画子div

Question

我是JQuery动画的新手，这似乎是一个相对简单的问题，但我已经做了一些挖掘，在其他地方找不到任何解决方案。

我有一个父div，我想设置一定的百分比高度，例如

$('#parent').animate({
    height: "75%"
});

我想要一个子div，它是父母身高的100％。

对我来说，同时动画两个动画的最佳方式是什么，这样无论我决定为父母制作动画的高度，50％，30％，22.937％，孩子仍保持在父母身高的100％但是会增长/与父母一起缩小？

这是一个小提琴：http://jsfiddle.net/azw2F/2/

我想我可以废弃百分比，找出容器高度的像素高度，然后将父级和子级设置为相同的像素值，但有更简单的方法吗？

谢谢你， 亚当

修改

问题似乎与子div是否位于父级的维度之间有关。子div的任何超出维度的部分都不是动画的，它们只是在动画结束后“弹出”。

父母中的孩子：http://jsfiddle.net/azw2F/9 部分在父母之外的孩子：http://jsfiddle.net/azw2F/10

我想HTML应该可能是重组的，所以父母是兄弟，而这可能是唯一的答案（除了我所说的计算像素之外）。我想我只是希望有一些我不知道的JQuery动画魔法。

Answer 1

最佳解决方案是：http://jsfiddle.net/azw2F/11/

当子div部分位于父div之外时，将overflow:visible!important;添加到父div，即子div溢出父级。当你想到它时会非常简单！

Answer 2

I have two solution for your problem

孩子的第一个with position:absolute

http://jsfiddle.net/azw2F/4/

我之前发布的孩子的第二个without position:absolute

http://jsfiddle.net/azw2F/3/