子div高度如何随外层div的高度变化而变化

我有一个div里面嵌套很多个div，它们的高度都是用外层的百分比定义的。

当我给最外层的div设置高度时，子div的高度怎么样根据外层div的高度重新渲染？

不想用脚本一个div一个div的赋值。想通过脚本只设置一个外层div高度，让子div根据百分比重新渲染。

请教！

应该是利用外div的class决定高度

昨晚想了下，应该用脚本设置外层div，然后遍历子div，根据其height的百分比重新设置height

不知道，还有没有更好的办法？