如何：如何创建空间/从上一个div移动一个div，而不是完全移动到页面

Question

我想在最后一个div（id：content）margin-top：10px到最后一个div使用（包装）而不是整个页面之间留出空间。

问题：它只会在页面顶部和内容之间创建空间，而不是在这2个div之间。

代码：

tidyverse

  * {
  margin: 0px;
  padding: 0px;
}

nav {
  width: 100%;
  height: 80px;
  font-family: 'Quicksand', sans-serif;
  background-color: #7b2e1e;
  position: fixed;
  top: 0;
}

nav.add {
  background-color: #FFF;
}

#wrapper {
  width: 80%;
  height: 100%;
  margin: 0px auto;
}

ul {
  width: 55%;
  display: block;
  list-style: none;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
  text-align: right;

它确实有效，但是它在Page的最顶部与div（content）之间创建了空间，而不是div（wrapper）与内容之间的空间。

我该如何解决这个问题？