title: Technical reason behind height: 100vh (working) vs min-height: 100vh (not working) for body?
body: <p><em>Please do not vote to close. This is about the technical reason on why this is not working. I already have a working solution and I'm not asking for it.</em></p>
  
  <p>Simple example where I need to make <code>.wrapper</code> height, at least, the browser height.</p>
  
  <p>The following works in IE10-11, Edge, Firefox, Chrome (<a href="https://jsfiddle.net/nhhqw15y/" rel="nofollow noreferrer">working fiddle</a>):</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="it"&gt;
      &lt;head &gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
          &lt;title&gt;Demo&lt;/title&gt;
          &lt;style&gt;
              body {
                  margin: 0;
                  height: 100vh;
                  background-color: red;
              }
  
              .wrapper {
                  min-height: 100%;
                  background-color: green;
              }
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="wrapper"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But if I set <code>body</code> to <code>min-height</code> instead of <code>height</code> (which is, IMHO, reasonable), it doesn't work anymore (<a href="https://jsfiddle.net/nhhqw15y/2/" rel="nofollow noreferrer">not working fiddle</a>). Why? What's the technical reason behind it?</p>
  
  <p><strong>EDIT 1</strong></p>
  
  <p><a href="https://jsfiddle.net/nhhqw15y/9/" rel="nofollow noreferrer">Another <strong>working</strong> fiddle</a> where <code>body</code> has <code>min-height: 100vh</code> and <code>.wrapper</code> has <code>min-height: inherit</code>.</p>
  
  <p><a href="https://jsfiddle.net/nhhqw15y/11/" rel="nofollow noreferrer">Another <strong>working</strong> fiddle</a> where only <code>.wrapper</code> has <code>min-height: 100vh</code>.</p>