Сжимать блок CSS?

Question

[SergOdinokiy]

Как сделать, чтобы при вводе текста в синий блок - зеленый сжимался, а не уходил за границы желтого.

Answer 1

[RAX7]

.block {
   width: 250px;
   height: 400px;
   background: yellow;
   display: flex;
   flex-direction: column;
   padding-bottom: 100px;
 }

 .t_block {
   width: 100%;
   min-height: 50px;
   background: #1E90FF;
 }

 .back {
   width: 100%;
   flex: 1;
   background: #a6e22a;
   overflow-y: scroll;
 }

Comments

[SergOdinokiy]

Спасибо помогло)))))