【问题标题】：How can I prevent the first element of a side-nav from hiding under the top nav under certain conditions?在某些情况下，如何防止侧导航的第一个元素隐藏在顶部导航下方？
【发布时间】：2020-01-12 10:59:17
【问题描述】：

如何防止侧导航隐藏下面 vanilla bootstrap 4 示例中的顶部元素？

（固定 - 见下文）

这发生在我的网站以及 Bootstrap 官方网站上（网址如下）： https://getbootstrap.com/docs/4.0/examples/dashboard/

我的环境

Windows 10
在 Edge 中运行良好
在 Chrome 版本 79.0.3945.117（官方版本）（64 位）中的工作方式如下所示

视觉示例

首次加载页面时：
当页面是“a) shift-refresh 或 (b) 滚动到页面底部并 shift-refresh”

.sidebar { 顶部：48px；

【问题讨论】：

标签： html css twitter-bootstrap bootstrap-4

【解决方案1】：

据我所知，这是在您设置 .sidebar 类时发生的。您将顶部设置为 0，将其发送到顶部导航栏后面。我认为它在刷新时发生的原因是因为导航栏是粘性的，然后它们在同一个顶部位置重叠。当我进入 Chrome 开发工具并取消标记该设置时，它会显示顶部选项。

【讨论】：