Html 引导面板主体100%高度-flexbox

我想设计具有100%视口高度的布局（减去标题

高度：70px；

）

我能够实现外部布局，我希望面板的主体也能通过css（响应）扩展到100%的高度

我使用的是Bootstrap3.3.6，目标浏览器是IE11+和最新的浏览器

请帮助我如何才能做到这一点？但是没有帮助。

我能想到的最快（也许不是最好）的方法是使用视口单位和计算

height: calc(100vh - 70px);

---

您可以使用jquery-javascript实现这一点

            $( window ).resize(function() {
                $( "div" ).css('height',($( window ).height()-70)+'px');
            });

---

我知道使用jquery，但我不在项目中使用jquery。基本上，我不想使用脚本来控制大小。mmmm Bootstrap有一个技巧可以做到这一点，对对象使用

填充：50%

，它是否用于视频，但示例很好，稍加思考，也许您可以使用它来解决您的问题。vh采用的是文档视口高度，而不是我使用的父div高度

vh单位和calc

。这是我唯一能找到答案的方法。那么，你希望包含内容的面板是窗口的剩余大小-（页眉+页脚），对吗？是的，没错。