Question

我目前在页面顶部有一个静态的导航栏，但是当我尝试修复它时，它总是会吃掉＃34;它下面的内容。

有什么方法可以解决这个问题吗？

Answer 1

将navbar-fixed-top类添加到导航栏时，它会应用两个主要的CSS属性：

position: fixed;
top: 0;

这会将div修复到页面顶部。然而，这样做意味着以下div准确地开始导航栏之前的位置。想到这一点，导航栏现在浮动，所以其他一切都没有意识到它的存在。因此，您需要稍微向下推动页面的其余部分以进行补偿。

只需在身体内容上加上一个上边缘即可将其推下来。

margin-top: 60px;

完整之后，我将其添加到CSS：

.body-content {
  margin-top: 60px;
}

然后将body-content类添加到下一个容器中。