我有两个DIV层，一个在另一个之上。在顶部DIV中，有一个图像，在底部DIV中，有一个文本块。底部DIV中的文本量将发生变化，从而增加和减少所需的高度。我需要根据底部需要多少高度来动态降低顶部DIV中图像的高度。我有600px的垂直空间。
例如： 如果底部DIV需要200px高度，我需要将图像高度更改为400px。 如果底部DIV需要300px高度，我需要将图像高度更改为300px。
我知道我可以将图像高度设置为顶部DIV的100％，从而允许它根据需要进行扩展或收缩。问题是我需要底部DIV能够自由扩展并让顶级DIV做出相应的反应。换句话说，我不能有固定的高度。
<div id="topdiv">
<img src="example.png" alt="This image needs a height based on the bottom div" />
</div>
<div id="bottomdiv">
This text needs to be able to expand or contract freely
</div>
有人可以帮忙吗？