如何动态设置溢出设置为auto的div内容的高度

Question

有一个父div，它有两个子div。我希望父div的高度为主体的100%，每个子div从内部内容来看都应该有动态高度，所以我不能为它们中的任何一个设置特定的高度，最重要的是，第二个子div被认为有auto溢出，因此，即使是第二个子div也应该在主体内部，而不会占用其中的空间

这是它的html-

<div class="homepage-parent">
<div class="homepage-parent_child1"></div>
<div class="homepage-parent_child2"></div>
</div>

这就是它的css-

.homepage-parent {
width: 100%;
display: flex;
flex-direction: column;
}
.homepage-parent_child1 {
width: 100%;
}
.homepage-parent_child2 {
width: 100%;
height: 100%;
overflow: auto;
}

注意：我不想让child2div离开父div，也不想使用绝对定位来实现这一点，我只想知道除了JavaScript之外，是否还有其他方法可以实现这一目标。

Answer 1

你的意思是这样的吗？我真的无法解释如何使用，因为我只知道如何使用顺风，而且我对CSS并不精通。css 应该是这样的

.homepage-parent {
min-height: 100%;
height: 100vh;
/* No need for flex, but you can use it */
display: flex;
flex-direction: column;
}
.homepage-parent_child1 {
width: 100vh;
}
.homepage-parent_child2 {
width: 100%;
height: 100vh;
max-height: 100vh;
overflow: auto;
}