Materializecss中心内容器

Question

我正在使用materializecss框架：http://materializecss.com
我想在容器中间有一个登录表单： 我已经尝试将容器div设置为100％，但这使其100％+导航栏，因此它将添加滚动条。这是我的html现在如何拥有它：

<div class="container">
<router-outlet></router-outlet>
<app-login>
<div class="valign-wrapper full-height">
        <div class="center-block">
            <form novalidate="" class="ng-untouched ng-pristine ng-valid">
                <div class="input-field">
                    <i class="material-icons prefix">perm_identity</i>
                    <input id="username" type="text">
                    <label for="username" class="">Gebruikersnaam</label>
                </div>
                <div class="input-field">
                    <i class="material-icons prefix">lock</i>
                    <input id="password" type="password">
                    <label for="password">Wachtwoord</label>
                </div>
                <div class="valign-wrapper">
                    <button class="btn waves-effect waves-light center-block" name="login" type="submit">
                        Inloggen
                    </button>
                </div>
            </form>
        </div>
    </div>
</app-login>
</div>

我确实在stackoverflow上看到了一些答案，但那些并没有真正让它成为响应，而且大多数都是position: absolute，我不想要它，因为我想把它放在容器里。

Answer 1

给div一个ID。

然后，在style.css中添加：

#id {
  width: 100%;
  height: 100%;
}