title: Why does the width of div suddenly becomes 0 when positioned absolute?
body: <p>consider the following:</p>
  <pre><code>&lt;style&gt;
   div{
    height: 100px; 
    background-color: red; 
    }
  &lt;/style&gt;
  &lt;body&gt;
   &lt;div&gt;
   &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>Now if I absolutely positioned the div, it suddenly disappears.</p>
  <pre><code>&lt;style&gt;
   div{
    height: 100px; 
    background-color: red; 
    position: absolute;
    bottom: 0;
    }
  &lt;/style&gt;
  &lt;body&gt;
   &lt;div&gt;
   &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>On inspecting, it shows the width to be zero. Why is that so?</p>