title: In Which case parent Node does not include height of child Node in CSS?
body: <p>I have a problem in styling , in Some case parent node/div do not include height of their child node . If any one had this problem , then please give reason . </p>
  
  <p>e.g. </p>
  
  <pre><code>#id{
  position:relative;
  background:red;
  }
  .spacer{
    height:40px;
    position:relative;
  }
  &lt;div id="x"&gt;
  &lt;div class="spacer" style="float:left;"&gt;&lt;/div&gt;
  &lt;div class="spacer" style="float:left;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In <code>my</code> case <code>height of X node is something different than 80px</code> (less than 80px). Why this is happening ?</p>
  
  <p>I have lot of code so i can't post all those . Please give any reason .</p>