基金会的垂直图标栏没有占据全高

Question

我正在使用粉底来设计我的Ember应用程序。我正在尝试在左侧创建一个用于导航的侧面图标栏。但是，酒吧也不会像我希望的那样占据屏幕的整个高度。关于为什么会发生这种情况的任何想法？

这是我的把手模板：

<div class="icon-bar vertical five-up">
  <a class="item">
    <i class="fi-home"></i>
  </a>
  <a class="item">
    <i class="fi-bookmark"></i>
  </a>
  <a class="item">
    <i class="fi-info"></i>
  </a>
  <a class="item">
    <i class="fi-mail"></i>
  </a>
  <a class="item">
    <i class="fi-like"></i>
  </a>
</div>

Answer 1

你可以在CSS中尝试这个，它会使应用程序的ember元素成为视口的高度：

body > .ember-view{
  min-height: 100vh;
}

如果您右键点击您的网页 - ＆gt;检查元素并熟悉元素检查器，你可以很容易地弄清楚这个问题顺便说一句。