将固定导航栏精确对准轮播

Question

我在标头上添加了“固定顶部”，但现在轮播的一部分位于导航栏的后面。

（图片中建筑物的一部分在导航栏后面）

有没有一种方法可以将它们相互放置，不重叠并且不添加手动边距px？

代码：

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
  //CONTENT
</nav>

<div id="demo" class="carousel slide" data-ride="carousel">
  //CONTENT
</div>

Answer 1

尝试这种方式可以实现您想要的东西。

.fixed-top{
  height:48px; //if you are taking height 48px;
  position:fixed;
  width:100%;
}
.carousel{
  position:relative;
  top:48px; // use top 48px to solve this problem
}