Возможно ли сделать обтекание элемента внутри контейнера Flexbox и что бы обтекающие элементы заняли все пустое пространство по ширине?

Здравствуйте.

Имеется следующая верстка

<div class="wrap">
  <div class="left"></div>
  <div class="right"></div>
  <div class="right"></div>
</div>

Пытаюсь сделать вот так

Ширина .wrap зависит от размера окна браузера.
Высота .left и .right зависит от содержимого.

Но как ни пытаюсь ничего не выходит. Прошу помочь.
Или такое невозможно реализовать c помощью Flexbox?

Текущий пример кода на JSFiddle