title: Break element out of container
body: <p>I have all my content wrapped in a container element with a fixed width.</p>
  
  <p>But I have a <code>&lt;div&gt;</code> that I want to "break out" of that container to span the full width of the page.</p>
  
  <p><a href="http://dabblet.com/gist/3207168" rel="noreferrer">http://dabblet.com/gist/3207168</a></p>
  
  <p><img src="https://i.stack.imgur.com/9wvsR.png" alt="enter image description here"></p>
  
  <p>As you can see in that example, I've got the <code>&lt;div&gt;</code> to break out, but since it's positioned absolutely, it doesn't affect the flow of the page...which is what I'd like it to do.</p>
  
  <p>I want it to act like it's in the flow of the page, but expand the full width of the window.</p>