问动态改变div及其所有内容的大小？

EN

请注意，这与“更改div大小以适应内容”不是同一个问题。我有一个相对定位的div，里面有几张绝对定位的图片：

<div id="nj_size_holder">
    <img id="nj_credit_card" src="credit_card.png" width="340"/>
    <img id="nj_ruler" src="ruler.jpg" />
    <img id="nj_item_image" src="{$base_dir_ssl}img/p/{$imgurl}" height='{$imgheight}'/>
</div>

我还有一个Javascript/jQuery函数。这个函数就是我的问题所在。我需要它做的是-给定一个特定的参数(作为百分比)，它应该按该百分比动态调整div和其中的图像的大小。

function resizeAll(perc){
    //resize everything here
}

因此，如果div高度最初是600px，"nj_ruler“图像高度是400，那么调用resizeAll(25)应该将div的高度增加到750px，将图像的高度增加到500px (增加25%)。

有没有一种方法可以在不增加每个高度的情况下实现这一点？稍后在div中会有更多的元素，如果可能的话，我希望有一个函数来调整所有内容的大小，而不是单独引用div中的每个元素。