Html Jumbotron不随屏幕/浏览器大小调整

我正在使用BootStrap，并面临Jumbotrons的问题。 在我的页面上有2个div，第二个div应该取剩余的屏幕大小。但是当我改变浏览器的高度和宽度时，它并没有相应地调整，因为div的高度并没有得到应有的调整

HTML:

    <div class="jumbotron" id="jumbo1">
    <div class="container">
    <h1>Some Txt.</h1>
    </div>        
    </div>

    <div class="jumbotron" id="jumbo2">

    <p>

        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuri.
        </p>
    <div class="container-fluid">

    <section id="gly">  <span class="glyphicon glyphicon-arrow-down" aria-hidden="true" id="dwnarrow"></span>
        </section>  

        </div>
    </div>

---

有人能告诉我这里做错了什么吗？

这是因为

最大高度：100%#jubmo2

这应该可以做到

html, body{
  height:100%;
}

#jumbo1 {
  height:100%;
}

.container-fluid {
  text-align:center;
}

#gly {
  display:inline;
  position:absolute;
  bottom:20px;
}

---

直接在页面中尝试。

你说的“不调整”是什么意思？2个div的内容没有正确显示。如果你看Glyph图标，它应该在距离div顶部300px的范围内，当浏览器大小达到最大值时，它会工作，但当我切换浏览器时，它会移动并且“不会在父div（jumbo2）内换行”所以你想让你的箭比折叠的高度低一点吗？我指的是这个[，如果你能看一看，那太棒了，谢谢！！第二个div应该取剩下的屏幕尺寸高度：auto而不是max height:100%非常感谢，这正是我想要的，但是glyphion没有居中？宽度100%超过屏幕尺寸？：/now更好。我建议添加一个类似“居中”的类若要保存流体，请将文本“居中对齐”应用于居中类。

html, body{
  height:100%;
}

#jumbo1 {
  height:100%;
}

.container-fluid {
  text-align:center;
}

#gly {
  display:inline;
  position:absolute;
  bottom:20px;
}