Question

我有一个html页面，其中包含一个固定在顶部的导航栏，然后显示我的主div，在内部有一个标头内容div和一个表，我需要将标头内容div和表标头固定在下面导航栏固定在顶部。我还在底部固定了一个导航栏。

以下是我所拥有的一些代码：

<body>

        <nav class="navbar navbar-inverse navbar-fixed-top" style="position: fixed;"> ... </nav>

         <br><br><br><br>

         <div id="mainDiv">

                <div id="HeaderContentDiv"> ... </div>

                <table id="myTable">

                       <thead>

                            <tr>
                                 <td> Code </td>
                                 <td> Product  </td>
                                 <td> Description</td>
                                 <td> Quantity </td>
                                 <td> Actions  </td>
                           </tr>

                      </thead>

                      <tbody> ... <tbody>

                </table>

         </div>


  <div class="navbar navbar-default navbar-fixed-bottom" style="position: fixed;"> </div>

</body>

我需要将标题内容div和表标题固定在页面顶部，在顶部导航栏下面。

这是我的页面的屏幕截图：enter image description here

好，谢谢您的任何建议。

滚动时如何固定div和表头？

0 个答案: