title: CSS: Div position:relative alignment problem
body: <p>I have a problem about div position relative alignment.</p>
  
  <p>I want the second div to be fixed in position even if I remove the first div.
  The problem is that the second div adjusts its position when the first div is removed.</p>
  
  <p>My question is how can I retain the position of the second div even if I remove the first div? Thanks :)</p>
  
  <p>This code:</p>
  
  <pre><code>&lt;div style="border: 1px solid red;width:400px;height:150px;margin:0px auto;" &gt;
  
      &lt;div style="border: 1px solid red; position: relative;
      width: 262px; height: 20px; top: 20px; left: 20px;"&gt;div-1&lt;/div&gt; 
  
      &lt;div style="border: 1px solid red; position: relative;
      width: 262px; height: 20px; top: 60px; left: 20px;"&gt;div-2&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Will output:</p>
  
  <p><img src="https://farm4.static.flickr.com/3660/3512692766_539e6b4f8d_o.jpg" alt="alt text"></p>
  
  <p>Then if the first div is removed, the second div adjusts its position.
  This code:</p>
  
  <pre><code>&lt;div style="border: 1px solid red;width:400px;height:150px;margin:0px auto;" &gt;
  
      &lt;div style="border: 1px solid red; position: relative;
      width: 262px; height: 20px; top: 60px; left: 20px;"&gt;div-2&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Will output:
  <img src="https://farm4.static.flickr.com/3645/3512692796_2e0a7afb1d_o.jpg" alt="alt text"></p>