title: HTML/CSS create body wider than viewport
body: <p>I'll trying to create website with horizontal scrolling.
  But when I set element wider than viewport - body is do not wider.</p>
  
  <p>Following code doesn't works</p>
  
  <pre><code>body {
      float: left
  }
  </code></pre>
  
  <p>How I can do body wider than viewport?</p>
  
  <p>I create fiddle for this - <a href="https://jsfiddle.net/stas_webdev/9L1gLoww/" rel="nofollow">https://jsfiddle.net/stas_webdev/9L1gLoww/</a></p>
  
  <p>Update: I have a unknown num of .grid-cell blocks, in theory. So, I don't know, how wide should be body width in each case. It should be flexible.</p>