How to make div occupy remaining height?

Question

I have this problem, I have two divs:

<         


        
      

Answer 1

  
header
  
content
  
footer


#header {
  height: 200px;
}

#content {
  height: 100%;
  margin-bottom: -200px;
  padding-bottom: 200px;
  margin-top: -200px;
  padding-top: 200px;
}

#footer {
  height: 200px;
}