css - 垂直拉伸 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;最后删除