小编JC9*_*C91的帖子

我正在创建一个简单的站点，它将显示计算机列表及其一些信息。到目前为止，我已经让一切都按照我想要的方式运行，除了我无法让标题在滚动时保持固定在导航栏上。我对这一切还很陌生，但我将在下面列出我尝试过的一些事情以及我的网页的简化版本。

1. 通过 thead 将 div 放在导航栏/表格周围：不滚动
2. 使 tbody 可滚动并修复导航栏/标题的位置：破坏格式
3. 仅将固定位置应用于头部：也会破坏格式

任何帮助是极大的赞赏！

超文本标记语言

    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input id="myInput" onkeyup="myFunction()" class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
    </form>
  </div>
</nav>
<br><br>
<table id="myTable" class="table table-striped table-hover tablesorter">
  <thead>
    <tr> …