Javascript 如何将上方有动态div的div调整到剩余高度？

我有一个高度动态的

div1

，还有一个

div2

，里面有一个可滚动的表格

我希望

div2

占据窗口的剩余高度。我也希望所有的部门都能同时做出反应

目前，我正在使用JavaScript获取窗口高度，并在每次加载或调整窗口大小时计算高度，但它没有按预期工作，有时会导致问题。

• div2的所有父母都需要100%的身高，包括身体和html
• 如果

  d-flex-flex-column

  有两个以上子女，则对div2的所有父母使用

  d-flex-flex-column

• 在div2上使用

  flex-grow-1

  ，如果父母有两个以上的孩子，则使用所有父母

html，
身体{
身高：100%；
}
.w-300px{
宽度：300px；
}
.h-200vh{
高度：200vh；
}
.溢出隐藏{
溢出：隐藏；
}
.自动溢出{
溢出：自动；
}

搜寻
我的同僚们都是精英。伊普萨姆·劳尔（Ipsam labore）坐在那里，他是一位杰出的发明家，他是一位杰出的发明家！假设，莫迪？Commodi，voluptatum Reiciens？
Lorem ipsum dolor，坐在amet Concertetur Adipising Elite的位子上。奥姆尼斯，多洛尔。坐在那里，解决暂时性债务问题的建筑设计师福吉特·沃卢帕斯·伊乌斯托（fugit voluptas iusto）在布兰迪提斯（Blanditis）的基础上进行了实践，面对暂时性债务，保持平衡！我是马格尼摩尔人！
尤斯托，奎斯夸姆·穆尔斯蒂亚斯？实习医生：被指控的人是一个天生的软性病患者，他是一个腐败的建筑设计师，他是一个普通人吗？多洛里布体
照明建筑中的accusamus ullam ex dolores，发明者quam voluptate，mollitia eveniet quidem velit？因此，我们需要一种快速的静脉输液。多洛勒姆的高官
作为临时建筑设计师，是否存在妨碍临时建筑安全的罪过？福吉亚照明，真实的盲肠生命别名？罪魁祸首，软性占有错误，
驱虫剂是一种暂时性驱虫剂。你的名字是什么！自由，德莱尼蒂。杜西莫斯先生，暂时性的身体疾病？您必须遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他有关法律法规
在自然溶质中。在工作场所，透明质酸是一种表面粗糙的物质，它能有效地抑制表面粗糙度。但事实上，这是一种必须的疾病
阻止腐败对社会的尊严和对社会的暂时性影响，这是自然的原因！尤斯托？我们的代表团是不受信任的。发明者
为了防止腐败，我们必须承认暂时性的错误！不，是临时的。德莱尼蒂·尼莫·迈奥雷斯错误——万能智慧！泰内特，我要用铜来代替你的尊严！
发明者杜西姆斯·雷西恩迪斯·普洛迪（ducimus Reiciensi commodi），是一个不爱呕吐的人！快去吧，我的白痴！这是一座位于圣塔尼特尼塔-圣母院共和国劳动区的码头，位于圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔-圣塔尼塔。
实验室必须驱避共和国的动物，即使是劳氏鼠疫。自由人！我的同僚们都是精英。除透明性外，透明性的质量，即流动性的质量
福吉亚共和国，必须最大限度地保护软体动物的产卵和产卵，错误产卵和产卵。除了在康涅狄格州维尼安市的照明和空间外，还有什么其他的地方？当然可以！不能是负数吗
你的权利是什么？多洛里巴斯，费塞。显然，这是一种特殊的驱避剂，它是驱避剂的一种有效成分，是一种重要的驱避剂
是发明人吗？尼莫，流动性发明家。暂时性小分子的鉴别。这是什么错误？在nam vel inventore的dolore rerum Consequentur，Deleniti qui iusto aspernatur别名，
尼西·阿迪皮西？我的天哪！自由是一种明确的自由，别名为多洛雷斯（sequi dolores），是一种自然的自由。劳丹蒂姆·西米利克·马约雷斯
奎尚特。每个实验室都有一个最大的误差系数。例如，一份临时性的实习报告包含了对工作地点、工作地点和工作地点的详细说明。作坊
时间和意志的绝对平等是指真正的权力、权力、智慧和时间的腐败。这是一个很好的例子。这是一个令人沮丧的问题。阿斯珀纳图尔最高法院
圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会圣公会