HTML DIVS ขยายด้วยเนื้อหาแบบไดนามิกหรือไม่

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
      <title>Untitled Page</title>
      <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <div id="container">
         <div id="header"></div>
         <div id="content"></div>
         <div id="footer"></div>
     </div>
</body>
</html>
body
{
    background-color:Gray;
}
#container
{
    border: dotted;
}
#content
{
    border:dotted;
}
#header
{
    border:dotted;    
}
#footer
{
    border:dotted;
}