Javascript 导航杆和旋转木马配件

好的，这是我目前的代码：

基本上，我的目标是使旋转木马与导航栏处于相同的高度

这里是我想象的链接

我希望旋转木马的高度和宽度和屏幕一样，无论大小

对于一个优秀的开发人员来说，这些问题可能很容易解决，但对于初学者来说就不是了。我已经试了2个小时，但到目前为止还没有任何解决方案

感谢您的帮助

CSS和HTML

.w-100{
填充顶部：0；
填充底部：0；
}
@介质（最小宽度：992px）{
navbar先生{
高度：80px；
}
}
#主导航{
背景颜色：灰色；
}
.导航栏暗.导航栏导航.导航链接{
颜色：白色！重要；
文本转换：大写；
字体系列：“Oswald”，无衬线；
}
.导航栏暗.导航栏导航.导航链接：悬停{
颜色：rgb（103255，103）！重要；
光标：指针；
-webkit过渡：颜色0.7s缓解；
-moz过渡：颜色0.7s缓变；
-o型过渡：颜色0.7s缓变；
过渡：颜色0.7s缓变；
}
@介质（最小宽度：992px）{
#主导航{
边框颜色：透明；
背景色：透明；
}
}

您使用css

vh

装置给出

.carousel-inner

高度。所以它可以始终匹配视口的高度

---

尝试此功能

您可以使用

vh

来实现此功能，方法是使用

calc

到

carousel-inner

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 73px); // Added
}

---

更新的fiddle

有一个

按钮，可以用来插入代码片段。而且，两个小时是不够的，尤其对初学者来说。请重新阅读并编辑您的问题，因为它要求旋转木马与导航栏的高度相同，同时与视口的全高相同。请使用此。。。源代码：将Navar的背景颜色修改为透明。如果这个或任何答案已经解决了您的问题，请考虑通过单击复选标记和上投票来接受它。这向更广泛的社区表明，你已经找到了一个解决方案，并给回答者和你自己带来了一些声誉。没有义务这样做：如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记和上投票来接受它。这向更广泛的社区表明，你已经找到了一个解决方案，并给回答者和你自己带来了一些声誉。没有义务这样做：）