页面上下两部分：主界面可以上下移动，底部固定

css:

      /*主区域样式*/
      #main {
        position:absolute;
        bottom:0px;
        left:0px;
        width:100%;
        height:100%;
        overflow:auto;
        z-index:1;

      }

      /*底部样式*/
      #toolBar {
        position:absolute;
        bottom:0px;
        width:100%;
        height:4rem;
        text-align:center;
        z-index:2;
        overflow:hidden;
        background-color: #FFFFFF;
      }

body：（注意：id为main的div中的文字一定需要多填写，否则看不出上下滑动效果）

 

<div id="main">
    1111电视剧和解放碑喝点水分别多喝水反光板就好地方被规划局的爆发环境改变的环境发生改变环境的发表                        过环境的发表过第三方脚后跟
</div>
<div id="toolBar">
    固定的文字
</div>