Как сделать авто высоту для блока?

Question

[keche]

Как сделать авто высоту для синего блока?
На первой части картинки идет обтекание текстом этого блока благодаря float. Однако нужно чтобы текст не обтекал этот блок. А был на своем месте как показано на второй части картинки.
И важно чтобы если объем текста будет увеличиваться в блоке, то чтобы структура оставалась такая же как на схеме во втором варианте. (без фикс. высоты в ед. измерения px, em и т.д. для синего блока, высота должна подстраиваться автоматически)
Как такое реализовать?

Answer 1

[Конан Варвар]

Самый простой и быстрый способ :)
https://jsfiddle.net/1yyqd6dr/

Comments

[keche]

Есть какой нибудь альтернативный способ без использования calc? Потому как его могут не поддерживать старые версии браузеров мобильных устройств.

[Сергей Тутуков]

keche:
https://codepen.io/STutukov/pen/JypXQe - overflow
https://codepen.io/STutukov/pen/mMXEbd - table
https://codepen.io/STutukov/pen/yovJLP - position
+ можно сделать на флексах

[keche]

Сергей Тутуков: спасибо большое!

Answer 2

[Евгений]

Flexbox