Как установить высоту для пустого блока в flexbox?

Question

[zeni1agent]

Мне нужно установить четкую высоты для блока .down

.flex{
  background:red;
  padding:5px;
  display:flex;
  flex-direction: column;
  height:200px;
  overflow: auto;
}

.up{
  background:blue;
}

.down{
  background:green;
  width:100%;
  height:50px;
  flex-basis:50px;
}

.block{
  font-size:20px;
  padding:30px;
  margin:10px;
  background:brown;
  
}

<div class="flex">
  
  
  


<div class="up">
 <div class="block">dd</div>
  <div class="block">dd</div>
  <div class="block">dd</div>
  
  </div>
<div class="down"></div>
  
  </div>

Как мне это сделать?

Comments

[Softlink]

Она у вас четко установлена, четче придумать сложно. Другой вопрос, что вы родителю задали высоту 200px и последний блок просто не помещается.

[zeni1agent]

Он должен быть виден так как у меня есть overflow: auto;

[Softlink]

zeni1agent, https://jsfiddle.net/sgnt259y/