title: Angular4 Background Color Setup
body: <p>I am trying to make a background color to fill whole page. I have created in body , and when I am doing background-color: blue its not working as I want it to work. In other words its not filling the whole Background but only the background of things that this div contains.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;body [ngStyle]="{'height': '100%', 'margin': '0'}"&gt;
    &lt;!-- App-root represents the html code below &lt;div [ngStyle} and so on --&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
  &lt;/body&gt;
  
  &lt;div [ngStyle]="{'background-color' : 'blue', 'height': '100%'}"&gt;
  &lt;header&gt;
      &lt;nav class="navbar navbar"&gt;
        &lt;div class="container-fluid"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li class="active"&gt;&lt;a routerLink=""&gt;Strona Główna&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a routerLink="/repertuar"&gt;Repertuar&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a routerLink="/ofirmie"&gt;O Firmie&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a routerLink="/kontakt"&gt;Kontakt&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
       &lt;/div&gt;
     &lt;/nav&gt;
    &lt;/header&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Background color is acting as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/kf8Yd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kf8Yd.png" alt="enter image description here"></a></p>