title: In Angular2, how to make <app-root> 100% height
body: <p>I am using Angular2 and I want to set the height of <code>&lt;app-root&gt;</code> to 100% of <code>&lt;body&gt;</code>.</p>
  
  <p>Currently I have:</p>
  
  <pre><code>&lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and in CSS file I've set: </p>
  
  <pre><code>app-root {
    height: 100%;
  }
  </code></pre>
  
  <p>but it seems nothing changed.</p>
  
  <p>Do you have any idea?</p>