title: Make Child Div the Height of Parent Div
body: <p>I have a floating parent div that has no set height that expands the length of the sidebar.</p>
  
  <p>I'd like a child div inside the parent div to expand the height of the parent div but I can't figure it out.</p>
  
  <p>I've tried making the parent div position:relative and the child div position:absolute so that I could just make height:100%, but then the div disappears altogether.</p>
  
  <p>You can see the issue here: <a href="http://www.icc565.com/spring2014/ncdevoe/wordpress/?page_id=5" rel="nofollow">http://www.icc565.com/spring2014/ncdevoe/wordpress/?page_id=5</a></p>
  
  <p>Basically, I want the white background to expand the height of the sidebar like the parent div does.</p>
  
  <p>If anyone could help me out with this, it would be greatly appreciated. </p>
  
  <p>Here's my code:</p>
  
  <p>CSS</p>
  
  <pre><code>.container {
    width: 960px;
    margin: 0 auto;
  }
  
  section {
    width: 640px;
    float: left;
  }
  
  aside {
    width: 290px;
    float: right;
  }
  
  .page {
    width: 580px;
    margin: 0 auto;
    background-color: white;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;section&gt;
    &lt;div class="page"&gt;
      &lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;
  
      &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;
      &lt;?php the_content(); ?&gt;
  
      &lt;?php endwhile; else: ?&gt;
      &lt;p&gt;&lt;?php _e('Sorry, no posts matched your criteria.'); ?&gt;&lt;/p&gt;
       &lt;?php endif; ?&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>