title: CSS - div 100% width of page not parent - div after and before
body: <p>I would like to ask for a help with this task:
  I need to force div to have 100% width of page, NOT parent.
  This is possible in way like this:</p>
  
  <pre><code>&lt;style&gt;
     .parent {width:980px; margin:0 auto;}
     .maxwidth {position: absolute; left: 0; right:0; width:100%; height: auto;}
  &lt;/style&gt;
  
  &lt;div class="parent"&gt;
     &lt;div class="before"&gt;
        height is not fixed
     &lt;/div&gt;
  
     &lt;div class="maxwidth"&gt;
        100% width of page
     &lt;/div&gt;
  
      &lt;div class="after"&gt;
         height is not fixed
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But i don't now how to make DIVs .before and .after work with not-fixed height. 
  Problem is, that DIV .after is not visible because it is under div .maxwidth and when I make DIV .before higher (for example put more text inside), it is again under div .maxwidth.</p>
  
  <p>Thank You for help.</p>