html头部和底部固定时,中间的内容随屏幕分别率铺满页面

html页面头部和底部有东西时,怎么让内容填充到中间的页面,且去适应不同的电脑分辨率,看代码

 <!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8">
         <title></title>
         <style type="text/css">
             html, body {
                 height: 100%;
                 margin: 0px;
                 padding: 0px;
             }
             #main {
                 background-color: #999;
                 height: 100%;
             }
             #nav {
                 background-color: #008000;
                 width: 100%;
                 height: 50px;
             }
             #content {
                 background-color: #cc85d9;
                 width: 100%;
                 position: absolute;
                 top: 50px;
                 bottom: 50px;
                 left: 0px;
             }
             #content div{
                 height: 100%;
                 overflow: hidden;
                 overflow: scroll;
             }
             #footer{
                 position: absolute;
                 bottom:0;
                 left: 0;
                 width: 100%;
                 height: 50px;
                 background: #c00;
                 color: #fff;
             }
         </style>
     </head>
     <body>
         <div id="main">
             <div id="nav">nav</div>
             <div id="content">
                 <div>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                     <p>的萨摩打什么打算打算开大声哭到拉萨的开始</p>
                 </div>

             </div>
             <div id="footer">footer</div>
         </div>
     </body>

 </html>