title: Allow absolute container width to overflow screen width
body: <p>I have a container that is absolutely positioned at the bottom right side of my screen.</p>
  
  <p>The <code>width</code> and <code>height</code> are set to auto.</p>
  
  <p>Inside the container are elements, which are set to <code>inline-block</code>. Imagine facebook's chat windows that popup, that is exactly what I have.</p>
  
  <p>When I add elements, that work as expected, displaying next to each other on the right side of the screen. The issue is that when I add enough, and the container reaches the width of the screen, they wrap. Instead of continuing left outside of the screen.</p>
  
  <p>How can I achieve this?</p>
  
  <pre><code>&lt;div class='container'&gt;
      &lt;div class='element'&gt;&lt;/div&gt; 
      &lt;!-- Adding too many of these will cause them to wrap
       above each other instead of flowing off the left side of the screen --&gt; 
  &lt;/div&gt;
  
  .container{
      position: absolute;
      right: 0:
      bottom: 0;
      width: auto;
      height: auto;
  }
  
  .element{
      width: 300px;
      height: 500px;
  }
  </code></pre>