{
    flex: 1;
    overflow: auto; /* 如果内容超出，则出现滚动条。不设置这个属性body会自动延展 */
    display:flex;
  }

  .container2 {
    display: flex;
    flex-direction: column;
    flex:1;
  }

  .container2-header {
    height: 100px; /* container2的头部固定高度 */
    background-color: #ccc;
  }

  .container2-body {
    flex: 1;
    overflow:auto;
    position:relative;
  }
  
  .content {
    padding-top: 30px; /* 防止内容和按钮栏重叠 */
  }
  

  .wrapp