title: How to "clear" a position relative?
body: <p>I want to reach the <strong>left: 0</strong> of the body but I'm inside a position relative.
  Have some way to do this without change the container class?</p>
  
  <p>I'm looking for something like <strong>clear: both</strong> of floating objects.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="absolute"&gt;Content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>style:</p>
  
  <pre><code>.container {
      position: relative;
      left: 100px; /*or any other value*/
  }
  
  .absolute {
      position: absolute;
      left: 0;
  }
  </code></pre>