如果你有一个固定的导航栏和身体填充顶部，如何使jumbotron 100％高度？

Question

当使用带有修改后的固定导航栏和113px的身体填充顶部的bootstrap时，我注意到我的下一个jmbotron片段覆盖了宽度，这对我来说很完美，但我下面有空的空间。我想让它覆盖剩余空间的100％高度，并根据您正在查看的设备做出响应。可以这样做吗？

到目前为止，我最接近的是100vh，但这似乎填补了空间，并没有考虑到身体填充顶部113px所以当你向下滚动时它会继续显示为113px。

Answer 1

在没有看到代码或至少看到屏幕截图的情况下，我无法准确回答您的问题。我认为你需要增加113px到你的身高。

这可以通过使用calc来完成，但如果你以正确的方式做到这一点，你就不应该这样做。

height: calc(100% + 113px); 

完整代码

html, body {
  /* Make the body to be as tall as browser window */
  height: 100%;
}

.jumbotron {
    height: calc(100% + 113px);
}