I'm attempting to create a background color that fills the entire page. I've set it in the body tag, but when I add background-color: blue, it doesn't cover the whole background as intended. Instead, it only fills the background of the elements within this div.
<body [ngStyle]="{'height': '100%', 'margin': '0'}">
<!-- App-root represents the html code below <div [ngStyle} and so on -->
<app-root></app-root>
</body>
<div [ngStyle]="{'background-color' : 'blue', 'height': '100%'}">
<header>
<nav class="navbar navbar">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a routerLink="">Home Page</a></li>
<li><a routerLink="/schedule">Schedule</a></li>
<li><a routerLink="/aboutus">About Us</a></li>
<li><a routerLink="/contact">Contact</a></li>
</ul>
</div>
</nav>
</header>
<router-outlet></router-outlet>
</div>
The behavior of the background color can be seen here: