Html 将子div设置为剩余高度

我有一个容器

div

，有两个子

div

s，一个在顶部，另一个在底部。顶部的那个有一个预定义的高度

20px

，底部的那个需要一个容器

div

提醒的高度，所以我将其设置为

100%

，但是它似乎与向下推的容器div具有相同的高度（请注意，容器的边框是隐藏的）。如何修复此问题，使底部div扩展到剩余高度，而不明确指定其高度

第一组
第2组

您可以使用

calc（100%-20px）

第一组
第2组

您可以使用

calc（100%-20px）

第一组
第2组