需要css或jquery解决方案将嵌套div扩展到100％

Question

  

可能重复：
  nested relative positioned div needs to have a 100% height

我还没弄清楚要使这个http://osf.fivetoolsoftware.com白色嵌套div扩展到容器大小的100％高度需要做些什么。我已经尝试了几个小时的CSS变化，并没有任何显示它。

原始问题：nested relative positioned div needs to have a 100% height

有人知道解决方案吗？

Answer 1

我不确定，但你可以试试这个：

  <style>
  .expand{
     width: 100%;
     display: block;
  }
  .block{
     display:block;
  }
  </style>

你的HTML将是：

  <div class="block" ...> <!-- Parent div -->
    <div class="expand" ...> Your div </div>
  </div>

希望这会有所帮助。干杯

Answer 2

这应该在你的javascript文件或javascript块中执行（确保你在此代码上方包含了jquery）

var h = window.innerHeight;         
$('div#canvas').css({'height':h+'px'});