title: Make a DIV cover entire page, but WITHOUT using CSS position
body: <p>I want to make a div with a <code>background-color</code> of red to cover my entire page, but I do not want to use CSS <code>position: absolute</code>. Here is my example with CSS position:</p>
  
  <pre><code>&lt;div style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS position works for the most part, but then I am unable to create more than one of these divs (they overlap or cancel each other out because of <code>top: 0</code> and <code>left: 0</code>). When you scroll down, I want you to see additional divs.</p>
  
  <p>It would really help if there was a pure CSS solution, but JavaScript and HTML are open to me as well. JUST NO JQUERY.</p>