float в inline-block

[USF]

Добрый день.

Как известно инлайн блоки выстраиваются по базовой линии самой нижней строки текста(а если пустой - то нижняя граница элемента).

Так вот - http://jsfiddle.net/DPWUP/2/ собственно пример это демонстрирует.

Теперь, если блоку inner-2 задать float то все по прежнему как ожидается - текст выровнен по общей базовой линии.

А теперь удаляем нижний span, и в итоге блок прыгает наверх. Собственно я понимаю, что блочные элементы выпадают из потока, но что происходит в данном случае конкретно?

С точки зрения спецификации.

[SelenIT]

С точки зрения спецификации инлайн-блок, в котором живут только флоаты, равнозначен пустому (потока как такового в нем нет, флоаты из него вырваны):

The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.

(Базовой линией инлайн-блока является базовая линия его последнего лайн-бокса в нормальном потоке, кроме случаев, когда у него либо нет лайн-боксов в потоке, либо его свойство 'overflow' имеет действующее значение, отличное от 'visible' — в этих случаях базовой линией является нижний край его margin-а.)

Так что всё по спеке...

[USF]

Да, все понял, благодарю.