Html 当你有一个固定的导航栏和身体垫时,如何使jumbotron达到100%的高度?

Html 当你有一个固定的导航栏和身体垫时,如何使jumbotron达到100%的高度?,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,当使用bootstrap时,它有一个修改过的固定导航条和一个身体填充的顶部,比如说113px,我注意到我的下一个片段jumbotron覆盖的宽度非常适合我,但下面有空的空间。我想让它覆盖剩余空间的100%高度,并根据您正在观看的设备做出响应。这能做到吗 到目前为止,我最接近的是100vh,但这似乎占满了空间,没有考虑到机身顶部的填充物113px,所以向下滚动时,它会继续显示似乎是113px的内容。如果没有看到代码或至少看到屏幕截图,我无法准确回答您的问题。我想你需要增加你的身高113px 这可以

当使用bootstrap时,它有一个修改过的固定导航条和一个身体填充的顶部,比如说113px,我注意到我的下一个片段jumbotron覆盖的宽度非常适合我,但下面有空的空间。我想让它覆盖剩余空间的100%高度,并根据您正在观看的设备做出响应。这能做到吗


到目前为止,我最接近的是100vh,但这似乎占满了空间,没有考虑到机身顶部的填充物113px,所以向下滚动时,它会继续显示似乎是113px的内容。

如果没有看到代码或至少看到屏幕截图,我无法准确回答您的问题。我想你需要增加你的身高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);
}

Tom欢迎来到SO,为了让人们帮助您并了解您的问题,至少提供一些调试代码。。。。请阅读非常感谢,我不知道calc()的存在,并且完美地解决了我的问题;现在我有一个问题,就是jumbotron背景图像将vh从较小的屏幕上保留下来,因此当扩展屏幕时,它不会覆盖Div。。。。我会尝试上传一些代码后,我玩了它。