div如果div兄弟的身高在“em”中则填充父母

Question

我知道如何设置两个前一个堆叠的div，如果用百分比定义，则第二个填充页面的高度，但是如果在“em”中定义第一个div的高度怎么办？

body{
  height:100%;
  background-color:yellow;
}
#Header{
  height:3em;
  border:solid 2px black;
  background-color:red;
}

#Content{
  border:solid 2px black;
  background-color:green;
  height:To fill body.. ????
}

Here is the Fiddle。 （更新）

Answer 1

您的部分问题是parents到#Body都没有明确的高度设置 - 因为％值不起作用; ％是什么？

我在这里所做的只是将height的{​​{1}}值更改为body而不是vh

https://jsfiddle.net/btrartv0/3/

编辑：我只看了你的评论，也许我错过了一些东西，因为看起来所有内容都会按照您最近的小提琴更新中的意图运作。