我的目标是将白色div（#containMe）拉伸到文档的整个高度，而不管窗口大小或页面上有多少内容。
我将HTML标头和JQuery放在PHP文档中，并使用PHP的require_once将标头放到每个页面上。但是，当我使用Jquery将#containMe设置为文档的高度时，它将尝试将其设置为正文高度。每次刷新时，身体的高度似乎也会发生变化，从而导致#containMe的高度发生不可预测的变化。
文档的高度似乎保持一致，但是主体的高度波动，因此#containMe试图坚持主体的高度而不是文档的高度。 Chrome，Android Chrome和Firefox会发生这种情况。我尝试了以下方法：
$('body').height($(document).height());
但这似乎没有效果。
这是我脑海中的Jquery：
<script>
$(document).ready(function () {
$("#containMe").height($(document).height());
$("#containMe").width($(document).width() - 200);
$('.dropdown').hover(function () {
$('.dropdown-toggle', this).trigger('click');
});
});
</script>
（请注意，引导程序下拉列表仍然有效）
这是我的相关CSS：
body
{
background: #333577 url(bg1.png);
height: 100%;
}
html
{
height: 100%;
}
#containMe
{
background: white;
margin-left: auto;
margin-right: auto;
padding-bottom: 25px;
padding-top: 15px;
box-shadow: 0px 0px 25px #111111;
}
以下是相关的HTML：
<div id="containMe" class="container-fluid">
<div class="container-fluid jumbotron text-center"><h1>Web Pofrtfolio</h1>
<h2>By Rhea Herrmann</h2></div>
这是发生问题的页面的链接。
http://www.rheaherrmann.com/other/wiki.php
如果滚动到底部并保持刷新，则div的高度似乎会波动。我不确定自己在做什么错。
最佳答案
如果我做对了，我认为您可以执行以下操作，并且所有操作都应与您期望的一样：
从CSS中删除#containMe的高度，完全不要使用任何高度。
在.container-fluid中删除.jumbotron。由于上面已经有一个.container-fluid类，因此不需要另一个.container-fluid，并且正如引导程序的文档所述：容器不是可嵌套的：http://getbootstrap.com/css/#overview-container。
删除.container-fluid旁边的.innards类（与上述相同的原因）。如果需要保持填充原样，可以使用.col-sm-12。
删除或注释任何修改#containMe高度的javascript代码。
请让我知道这是否对您有用。