您的位置：首页 > 其它

上下布局——内容内撑

2016-07-16 21:16 239 查看 
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
html,body{
padding: 0px;
margin: 0px;
/*关键性设置*/
height: 100%;
}
.container{
position: relative;
/*关键性设置*/
height:100%;

}
.header{
height: 80px;
/*background: blue;*/
}
.content{
position: absolute;
top:80px;
background: #ccc;
overflow-y: auto;
left: 0;
right: 0;
/*关键性设置*/
bottom: 0;
}
</style>
<body>
<div class="container">
<div class="header">header header</div>
<div class="content">
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
我是内容我是内容我是内容我是内容
</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航