带有表（带滚动条）的Bootstrap 3 Navbar重叠

Question

我希望得到一些帮助，我有一个静态导航栏和右边的一些按钮，我有一个非常大的桌子，用户将与之互动。

用户最熟悉的是类似Excel的视图，其中顶部有一个功能区（我的导航栏），并且表格根据需要水平和垂直滚动。

我已经有了填充页面的表格，并显示了自举静态导航栏，但导航栏与表格标题重叠。

有没有一种简单的方法可以解决这种重叠问题？

这是bootstrap playground链接，详细说明了我目前拥有的内容。 https://www.bootply.com/iGX9K2KF9a

Answer 1

当然，给.table-wrapper一个margin-top:50px，然后将其移动。由于导航栏是固定的，因此它会从页面流中取出，因此相对定位的.table-wrapper仍然基于页面顶部放置。