title: CSS make div 100% width relevant to body and not it's parent div
body: <p>I have</p>
  
  <pre><code>&lt;div style="position:relative; width:500px;"&gt;
      &lt;div style="position:absolute; width:100%"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The child div takes 100% width of it's parent div. Is there a way i can force it to take 100% width of body and not the parent div. Both relative and absolute positioning are required as i have it in the code above. </p>