html,body{height:100%}/*定义高度为100%*/
*{margin:0padding:0}
.header,.footer{width:100%height:5%background:#000}/*上下高度5%；中间盒子高度90%*/
.main{overflow-y:scrollwidth:100%height:90%}
.main p{height:1500pxwidth:100%text-align:centerline-height:1500px}
</style>
<div class="header"></div>
<div class="main">
<p>高度1500px</p>
</div>
<div class="footer"></div>
顶部和底部高度5%；中间盒子高度90%，这样刚好100%，你内容填充到中间的盒子就行，如果需要特殊样式，顶部和底部可以用position定位，main盒子加上margin-top、margin-bottom分别等于顶部和底部的高度就行
所有div的总高度不能大于100%，不然会出现2个滚动条，因为现在的滚动条是main盒子的，如果超过100%；浏览器的滚动条也会出现
首先，设定盒子名称
div id="fanhui"
css中写样式
#fanhui {
position: absolute
left: 30px
top: 20px
}
这样写就是距离右边30像素，距离下边20像素。
绝对定位使元素的位置与文档流无关，因此不占据空间
效果如下：
