Question

我知道它可能是StackOverflow上最愚蠢的问题，但我的菜单有问题。我希望它是页面高度的100％，但它只占窗口的100％。

这是我未编译的Sass（如果你不喜欢Sass，请自行编译）：

    .nav
      position: relative
      z-index: 0
      width: 20vw
      height: 100vh
      background-color: #EEEEEE

如果您需要更多信息（HTML代码等），请参阅此链接http://codepen.io/arguiot/pen/RGQkmg

Answer 1

由于您的固定标题。将其高度（15vh）作为margin-top添加到.nav栏，并从导航栏内的所有项margin-top中减去该值，以补偿向下移动。

.nav
  position: relative
  z-index: 0
  width: 20vw
  height: 100vh
  margin-top: 15vh
  background-color: #EEEEEE
.nav-title
  position: relative
  text-align: center
  font-size: 1.5em
  top: 5vh

.nav-content
  position: relative
  margin-top: 10vh
  text-align: center
  font-size: 1.5em

这是一个经过编辑的代码：http://codepen.io/anon/pen/ORQKQm

填充整个页面的菜单

1 个答案: