css - 自动调整 div 高度以填满剩余空间

Question

我有 2div秒。我给了第一个 a height，70px现在我希望^第二 div个填满网页的剩余空间。这应该与第一个 div 相关。下面是我的代码：（2 divs 是headerand content）

* {
  margin: 0px;
  padding: 0px;
}

#header {
  background-color: #1874CD;
  width: 100%;
  height: 70px;
}

#name {
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  font-size: 35px;
  font-weight: bold;
  font-family: Calibri;
}

#content {
  background-color: #F5F5F5;
  width: 100%;
  height: 650px;
}

Answer 1

做这样的事情怎么样（JSfiddle 例子）：

#header{
    background-color: #1874CD;
    width: 100%;
    height: 70px;
    z-index: 2;
    position: relative;
}


#content{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #F5F5F5;
    width: 100%;
    height: 100%;    
    padding-top: 70px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   
}