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

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

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


有没有一种方法可以将它们放置在彼此下方，不重叠且不添加手动边距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>

最佳答案

尝试这种方式可以实现您的期望。

.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
}

关于html - 将固定导航栏精确对准轮播，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55846046/