中心全屏div带边距

Question

我不知道如何以全屏div为中心。 我想以width: 90%和height: 90%为中心，但是当我使用此代码时：

＆＃13;

＆＃13;

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;
}

＆＃13;

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

  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我得到了一些我不想要的卷轴。