父盒子下的标题行高度自适应，内容区flex设为1，内容区超出滚动

这是一个典型的flex布局嵌套，可以按照以下代码进行实现：

HTML部分：

<div class="wrapper">
  <div class="header">
    <h1>标题</h1>
  </div>
  <div class="content">
    <p>内容区</p>
  </div>
</div>

CSS部分：

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header {
  height: auto;
}

.header h1 {
  margin: 0;
  padding: 20px;
  line-height: 1.2;
}

.content {
  flex: 1;
  overflow-y: scroll;
  padding: 20px;
}

其中，父盒子设置为flex布局，并且高度设置为100%；标题行高度设置为自适应，即设置为auto；标题行内的h1标签进行一些样式设置，包括margin、padding和line-height；内容区设置为flex: 1，即将剩余空间全部占满，同时设置overflow-y:scroll，当内容区超出时出现滚动条。