title: close the container class from a nested component in angular
body: <p>I know it sounds weird but I don't know how to title this,
  basically, I have my app wrap in a class container</p>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;wh-header&gt;&lt;/wh-header&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is ok but</p>
  
  <p>the problem is, I have a div that should be fullwith because the background is in a different color than the body but obviously because my app is wrapped in a container class is not taking the fullwidth instead is taken the container class with</p>
  
  <p>I thought, well if I start the component that I want fullwith with just:</p>
  
  <pre><code>&lt;/div&gt; &lt;!-- /container --&gt; 
  **Content here **
  &lt;div class="container"&gt;
  </code></pre>
  
  <p>everything would be solved but not.. it doesn't work on that way,
  of course that I can use css but I think that is unnecessary code if I can just  close that container class before my component that would solve everything</p>