flex实现固定定位

<template>
  <div class="content">
    <div class="tab">asd</div>
    <div class="main">
        <p v-for="item in 50" :key="item">{{item}}</p>
    </div>
  </div>
</template>

<style lang='stylus' scoped>
.content {
//   height: 600px !important;
  display: flex;
  flex-direction: column;

  .tab {
    width: 100%;
    height: 20px;
    display flex;
    background: red;
  }

  .main {
    flex: 1;
    overflow-x: hidden;
  }
}
</style>