问可滚动的内部Div离子内容

EN

#wrapper {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 300px;
  
  background: #ccc;
}

input, #scroll {
  margin: 10px;
}

#scroll {
  display: flex;
  
  flex-grow: 1;
  flex-direction: column;
  
  background: #ddd;
  
  overflow-y: auto;
}

<div id="wrapper">
  <input type="text" placeholder="INPUT">
  <input type="text" placeholder="INPUT">
  <input type="text" placeholder="ANOTHER INPUT">
  <div id="scroll">
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
    <p>They see me scrolling</p>
  </div>
</div>