Как мне заполнить блоком все доступное место и не выходить за кроя?

Question

[zeni1agent]

У меня есть вот такой код c произвольным содержимым в блоке text

<div class="block">
<div class="image"><div>
<div class="text">
<p>tgfg</p><p>ggggggggggg</p> <p>fffffffgd sfdsf</p> <p>dsfdsf</p> <img/> <p>gfdgfd</p> <p>sdf</p>
<div>
<div class="next">read next<div>
<div>

Мне нужно что бы все содержимое в блоке text заполняло все свободное место а все что не поместилось обрезало
а блок image всегда был в левом верхнем углу а next в правом нижнем.

Answer 1

[Ankhena]

Блок с картинкой переложить в блок с текстом и задать float left.
Основному блоку флекс по вертикали.
Блоку с текстом flex 1
https://jsfiddle.net/wLot3gn0/