css - div の高さを自動調整して残りのスペースを埋める

Question

2div秒あります。height最初の 1 つに aを与えた70pxので、2^番目 divで Web ページの残りのスペースを埋めたいと思います。これは、最初の div を基準にする必要があります。以下は私のコードです：（2divは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;   
}