头部和底部固定，中间内容可滚动
html+css的代码的展示
lang="en"> charset="UTF-8">
</span><span class="pln" style="color:rgb(72,72,76);">上下固定，中间内容可以滚动</span><span class="tag" style="color:rgb(0,0,136);">
type="text/css">
html,body,.page{width:100%; height:100%;overflow:hidden;}
.top,.con,.bottom{position:absolute; left:0; right:0;}
.top{top:0;z-index:1; height:30px;background:#ff0;}
.con{top:30px; bottom:40px; overflow:auto;}
.bottom{bottom:0;z-index:1; height:40px;background:#00f;}
class="wrap">
class="top">头部 class="con">中间内容
中间内容
中间内容
中间内容
中间内容
中间内容
中间内容
class="bottom">底部内容