將全屏div居中對齊

Question

我不知道如何將全屏div居中。 我想將div的width: 90% ， height: 90%居中，但是當我使用此代碼時：

 html, body { width: 100%; height: 100%; } .outer { height: 100%; position: relative; text-align: center; width: 100%; } .inner { height: 90%; width: 90%; position: relative; top: 5%; background: red; margin: 0 auto; } 

 <div class="outer"> <div class="inner"> </div> </div> 

我得到了一些我不想要的滾動條。

Answer 1

用這個：

html,body {
    margin: 0;
   //other codes...
}

 html, body { width: 100%; height: 100%; margin: 0; } .outer { height: 100%; position: relative; text-align: center; width: 100%; } .inner { height: 90%; width: 90%; position: relative; top: 5%; background: red; margin: 0 auto; } 

 <div class="outer"> <div class="inner"> </div> </div>