title: Remove white space after Scale
body: <p>I have a little problem with scale transformation. I wish resize element, but when I do, my old size occupies the space, and the next element undergoes this old size. <strong>How to remove this constraints ?</strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!-- White space with Scale --&gt;
  &lt;div class="scale"&gt;&lt;/div&gt;
  &lt;div class="scale"&gt;&lt;/div&gt;
  
  &lt;!-- Whitout Scale --&gt;
  &lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>div:nth-of-type(even) { background: blue; }
  div:nth-of-type(odd) { background: red; }
  
  div {
    width: 100px;
    height: 100px;
  }
  
  .scale {
    transform: scale(0.5);
    transform-origin: top left;
  }
  </code></pre>
  
  <p>JSFiddle: <a href="https://jsfiddle.net/c7d2s21y/" rel="nofollow">https://jsfiddle.net/c7d2s21y/</a></p>
  
  <p>Thank you for your response.</p>