How to do it with float and flex?

Question

css

1) Why does float behave inappropriately in my code, because of it, the devil understand how the height is set for the parent block
2) How can I make such wrapping through flexbox and through float as in the picture in my code? I set the divs to block float left, but it doesn't line up at all.