首先html页面body体内容：
<div id="main">
<div id="nav"></div>
<div id="content"></div>
</div>css样式：
html, body {
height:100%;
margin:0px;
padding:0px;
}
#main {
background-color:#aaa;
height:100%;
}
#nav {
background-color:#777;
width:100%;
height:50px;
}
#content {
background-color:#ccc;
width:100%;
position:absolute;
top:50px;
bottom:0px;
left:0px;
}
使用了绝对定位：position:absolute的方式，加上对应的top和bottom的使用，达到了预期的效果