title: CSS property width: 100%; make a page longer
body: <p>I have a totally simple layout, in the page is only a silver background and the red DIV, as is possible to see on the image below. My problem is, that when I add the red DIV into my layout page, the page is longer on the length than 100% (bottom on the right corner - slider). Where could be a problem that caused this?</p>
  
  <p>The CSS properties of the red DIV are:</p>
  
  <pre><code>html, body {
     background-color: silver;
     margin: 0;
     padding: 0;
   }
  
  .red-div {
      overflow: hidden;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/WqRJT.png" alt="image is here"></p>