Html 创建引导4右侧导航栏高度为100%

下面是我的引导4导航条代码，我试图在其中创建一个完全100%的右侧导航条高度

<nav class="navbar navbar-expand-sm bg-light navbar-light"
            style="width: 200px; float: right;">
  <ul class="nav flex-column">
    <li class="nav-item active">
      <a class="nav-link" href="#">Sports</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Facebook</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Youtube</a>
    </li>
  </ul>
</nav>

我也试过身高：100%，

导航栏已满

至

，但不再有效

如图所示：

---

任何帮助都将不胜感激

我可能不会依赖Bootstrap的内置Navbar组件来实现这一点，因为它实际上是围绕一个水平布局结构设计的，您将花费大量不必要的时间编写CSS来覆盖该结构，或者应用额外的类声明来覆盖该行为

如果您省略了该组件，尽管您可以用最少的努力获得非常相似的结果：

.navbar右键{
高度：100vh；
右：0；
位置：绝对位置；
}

很好。但现在它显示垂直滚动到浏览器。为什么？我无法回答这个问题，因为我不知道您正在使用什么额外的CSS或HTML，以及它如何与上面的代码交互。我只使用上图中显示的两个导航栏。没有其他代码。顺便说一句，你的答案真的很好。谢谢，我用了

fixed

而不是

absolute

，现在没有滚动条了。