UPDATE 12.02.2016
Почитал про flex -
html5.by/blog/flexbox (можно начать с пункта "Демо основных свойств flex-контейнера") Не поддерживает опять же только IE и еще какой-то малоизвестный браузер.
{ Мне реально очень понравилось } Пробую применить в верстке в реальном сайте. Потом напишу окончательное мнение ))
--------------------------
Хм... А в чем проблема Float' ов????
Много читал насмешек над ним. Но какая альтернатива? Если кто знает, объясните. А то я никак не могу понять.
Зачем мне писать inline-block* или table-cell для нормальных браузеров, а потом еще и для IE писать float: left, если можно сразу написать float: left + clear: both в ::after. Причем clear можно для разных блоков при разных условиях по media-query.
Кстати, как раз изучал Приемы отзывчивого веб-дизайна
https://developers.google.com/web/fundamentals/des... и там таки используется flex, тогда как в учебном проекте
https://googlesamples.github.io/web-fundamentals/s... используется FLOAT!!
* Кстати inline-block добавляет лишний пиксель отступа, что мешает при расчетах, если кому нужны рассчеты (например, при использовании LESS)