title: CSS horizontal scroll bar not showing, or there is blank space on the right
body: <p>I need a horizontal scrollbar to show on my website when I make the browser window smaller. When I put <code>{overflow-x:auto;}</code> I get a scrollbar instantly even when browser is maximized, and I get like 100&nbsp;pixels of blank space of my body on the right side.</p>
  
  <pre><code>body {
      padding: 0;
      margin: 0;
  }
      .container {
          font-size: 0;
          height: 100%;
          width: 100%;
          position: fixed;
          top: 0px;
          bottom: 0;
          overflow-y: scroll;
          overflow-x: hidden;
      }
  </code></pre>