@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 в правом нижнем.
5cb9bc22bdd8d211205733.jpeg
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Блок с картинкой переложить в блок с текстом и задать float left.
Основному блоку флекс по вертикали.
Блоку с текстом flex 1
https://jsfiddle.net/wLot3gn0/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы