Question

我使用此代码给出身高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，所以这里有一个简单的函数，可以用来动态设置高度。它也会根据浏览器的大小调整而改变。

小提琴： 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();

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

1 个答案: