title: horizontal scrollbars and disable vertical scroll
body: <p>How to add horizontal scrollbars?</p>
  
  <p>(Have disabled the cutom scrollbars to begin with)</p>
  
  <p><a href="http://jsfiddle.net/s5ng001z/13/" rel="nofollow">http://jsfiddle.net/s5ng001z/13/</a></p>
  
  <h1>html</h1>
  
  <pre><code>&lt;div style="height:70px; width:200px"&gt;
    &lt;div class="scrollbar_content scrollbar-inner"&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
      &lt;div class="box"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h1>css</h1>
  
  <pre><code>.scrollbar_content {
      height:100%;
    width:100%;
    min-width:100%;
    overflow-x:scroll;
    overflow-y:hidden;
  }
  
  .box {
    display:inline-block;
    margin:2px;
    background:red;
    height:50px;
    width:50px;
  }
  </code></pre>