Если прекратить использовать флоаты для того, для чего они не предназначены, то всё ведь прекрасно будет работать.
https://jsfiddle.net/bxefyc38/
Отступы так, для видимости, в ширину и другие параметры флексов можете сами играть.
P.S. С флоатами, кстати, тоже будет работать, только высота у детей должна быть одинаковой для нормального вида.
Поэтому не ясно, что у вас не получалось.
Но так (флоатами) делать не надо.
P.P.S. Абсолютно-позиционированные элементы не бывают инлайн-блоками.