垂直拉伸div 100％高度

Question

jsfiddle

如何让第二个div进入所有垂直位置。它必须“照顾”他上方div的下边距和所有页面的下边距。如何让它填满所有的地方？里面会有正常的内容，我将制作将水平滚动的页面，我需要它以适应各种用户Y分辨率。底部保证金将保持不变。我真的想避免使用js。

Answer 1

http://jsfiddle.net/Jf5J8/2/

#rest {
         background-color:blue;
         height:100%;
         position:relative;
         top:0;left:0;
         bottom:0;right:0;
      }
html, body {
             height:100%;
           }

您的代码

#rest {
    background-color:blue;
    height:100%;
    position:relative;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;

}

包含两次height。最后删除height:auto;