Display: inline-block + float + ресайз. Как это работает?

Question

[FlexibleCurd]

Всем привет.
Собственно к сути:
https://jsfiddle.net/gegfw516/2/

Откуда берется пустое пространство у родителя(с боку), когда при ресайзе окна браузера элемент с флоат прыгает вниз(элемент с классом .i)? Ведь по существу, родитель должен плотно прилегать к детям. а не растягиваться на всю ширину, насколько мне известно.

Comments

[FlexibleCurd]

Как вам такое решение: jsfiddle.net/gegfw516/6
Но это так пока пляски с бубном)
Буду искать что то более адекватное.