Javascript 添加动态内容后，正文宽度为100%

我使用以下代码给出了100%的身高：-

  <div class="container" id="container" style="background-color:#FAFAFA;">
  <div class=" span5 fill">

  </div>
</div>

---

但是，当我在'fill'div中添加动态内容时，内容不在100%body标记中。

我注意到您标记了jQuery，因此这里有一个简单的函数，您可以使用它动态设置高度。它也会根据浏览器的大小进行更改

小提琴：

jQuery代码：

function setHeight(){
    var winHeight = $(window).innerHeight();
    $(".container").css("height", winHeight + "px");
    $(".fill").css("height", winHeight + "px");
}

$( window ).resize(function() {
    setHeight();
});

setHeight();

---

感谢您的回复，但在本例中，我现在使用vh作为body和fill div，但仍然不起作用。没问题-我刚刚为您添加了一个jquery版本，它应该可以帮助您接近。添加动态内容后，我调用了setHeight函数，但仍然不起作用。

function setHeight(){
    var winHeight = $(window).innerHeight();
    $(".container").css("height", winHeight + "px");
    $(".fill").css("height", winHeight + "px");
}

$( window ).resize(function() {
    setHeight();
});

setHeight();