CSS实现div的高度自适应填满屏幕

首先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的使用，达到了预期的效果