Block layout, is it possible to do this?

Question

css

Is it possible to achieve such an arrangement of blocks using flex (as in the screenshot), with such a markup?

<div class="container">
  <div class="block b"></div>
  <div class="block b1"></div>
  <div class="block b2"></div>
</div>

Answer 1

Something like this: codepen.io/anon/pen/VjdxGy
Only doing it with flex is rather strange, float is more in place here.
Still, I think, it is necessary to clarify the conditions of the problem, dimensions, adaptability, etc.

Answer 2

You can also do this with float. The blue block is float:left and the other two are float:right.