vue-固定头部-内容可滚动

 <div class="show-box">

            <div class="show-top">

                <span>头部</span>

            </div>

            <div class="show-content">

        　　　　XXXXXX

            </div>

   </div>

<!-- #CSS -->

.show-box{

    overflow: hidden;

    height: 100%;

}

.show-top{

    height: 30px;

    width: 100%;

}

.show-content{

    height: calc(100% - 30px);

    overflow: auto;

    position: relative;

}