Javascript 按内容灵活，但按主体标记（高度）拉伸的Div

我有div容器，垂直拉伸到“body”

在它里面，我在一层上有两个div

• 第一个必须延伸到浏览器窗口。但这是最低限度的 高度不应小于第二个的高度
• 第二个有2个固定高度（由JS更改）

问题是：

我可以不使用JS解决这个问题，而只使用CSS+HTML吗

更新：

.集装箱{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
填充顶部：51px；
}
.1分部{
宽度：100%；
身高：100%；
位置：绝对位置；
利润上限：-51px；
背景：红色；
}
.第2分部{
浮动：左；
宽度：440px；
高度：500px；
边缘顶端：44px；
左边距：30px；
位置：绝对位置；
背景:#中交;；
}

如果您希望第一个

始终至少与第二个

一样高，我首先将后者放在前者的内部：

<div class="div1">

<div class="div2"></div>

</div>

请提供您的css和html代码，谢谢！您的“JSFIDLE示例”似乎链接到一个图像。我们需要查看您的相关代码。@showdev，抱歉，更正：）您的代码应该在问题中。

<div class="div1">

<div class="div2"></div>

</div>