div 上方标题块固定

上方标题块div固定，下方div可滑动

<div class="edit-container" v-show="isShow">
        <div class="c-header">
            <div class="f-title">图层/数据筛选</div>
            <div class="close-btn" @click="close()"><img :src="require('@/assets/images/icons/close.png')"/></div>
            <div style="clear: both;"></div>
        </div>
        <div class="list-div">
            <div>图层选择</div>
            <el-radio-group v-model="sceneName" >
                <el-radio 
                    v-for="(item,index) of sceneList" :key=index
                    :label="item.name">{{item.name}}
                </el-radio>
            </el-radio-group>

            <div class="select-level-div">
                <span>数据层级选择</span>&nbsp;&nbsp;
                <el-select v-model="level" placeholder="请选择">
                    <el-option
                        v-for="item in levelist"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                </el-select> 
            </div>       
        </div>
    </div>  

.edit-container {
        position: absolute;
        z-index: 100;
        bottom: 0;
        padding-bottom: 3rem;
        width: 100%;
        max-height: 85%;
        overflow-y: hidden;
        overflow-x: hidden; 
        background: #ffffff;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;   
    }
    .c-header{
        position: fixed;
        width: 100%;
        height: 60px;
        background: #ffffff;
        z-index: 100;
    }
    .list-div{
        margin-top: 60px;
        padding: 0rem 0rem 1rem 1rem;
        font-size: 1rem;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 450px;
    }