javascript - 添加动态内容后正文宽度 100%

Question

我使用这段代码给 body 高度 100%:-

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

  </div>
</div>

CSS 是:-

  .fill{
  height:100%;
  min-height:100%;
  }


  .container{
  height:100%;
  min-height:100%;
  }

但是当我在“填充”div 中添加动态内容时，内容不在 100% body 标签中。

Answer 1

我注意到您标记了 jQuery，所以这是一个可用于动态设置高度的简单函数。它还会根据浏览器大小的调整而变化。

fiddle : http://jsfiddle.net/xfnyzcos/

jQuery 代码:

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

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

setHeight();