title: Why Isn't My Nested Div Inheriting The Parent Height?
body: <p>I have a REALLY BASIC question regarding nested divs and height inheritance. Let's say I have the following html snippit:</p>
  
  <pre><code>...
  &lt;div style="height: 50px;"&gt;
      &lt;div style="height: inherit;"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>I would think just by inspection that the inner div would have the same height (50px) as the outer one but when I tested it the height was not inherited.</p>
  
  <p>First off, are parent/child relationships betwen divs defined by nesting one within the other? Next, what do I need to do to make the inner div inherit the outer one?</p>
  
  <p>Sorry guys for such a basic question. I am running on fumes here been working (on something else for hours and I have to switch gears to this). Please don't bash me for asking such a dumb question. :) </p>
  
  <p>Thanks!</p>