<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
html,body {
margin:0px;
height:100%;
width:100%;
}
.head {
height:80px;
position: absolute;
top:0px;
}
.main {
height:calc(100% - 160px);
width:100%;
position: absolute;
overflow: auto;
top:80px;
}
.footer {
height:80px;
position: absolute;
bottom:0px;
}
</style>
<body>
<div class="head">头部</div>
<div class="main">
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
<div>内容111 </div>
</div>
<div class="footer">底部</div>
</body>
</html>
扫一扫
02-08
1554
1554
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
