title: Latest Google Chrome version breaks CSS
body: <p>After updating to the latest chrome version (87.0.4280.66 (Official Build) (64-bit)) an element with margin bottom no longer gets that margin when it is inside a parent with 100% height.</p>
  <p>Could you please tell me if this can be reported to Google as a bug, or if what they do now is how it always should have been and so every other browser basically has a bug and Chrome is the only one who does it right?</p>
  <p>HTML</p>
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;div&gt;
  test
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>body,
  html {
    height: 100%;
  }
  
  body {
    background-color: red;
  }
  
  div {
    background-color: white;
    min-height: calc(100vh - 32px);
    margin-bottom: 200px;
  }
  </code></pre>
  <p>JS Fiddle here: <a href="https://jsfiddle.net/nez3aLqx/1/" rel="noreferrer">https://jsfiddle.net/nez3aLqx/1/</a> (try it in latest chrome vs firefox)</p>
  <p>Expected result (how it looks in previous version of chrome or any other browser that I have):
  <a href="https://i.stack.imgur.com/9LDSb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9LDSb.png" alt="enter image description here" /></a></p>
  <p>Actual result:
  <a href="https://i.stack.imgur.com/K6UIQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/K6UIQ.png" alt="enter image description here" /></a></p>