Почему не срабатывает float?

Question

[Yevhenii K]

Почему в данном примере у b-navbar__search (Красный блок с текстом "Icon")не работает float?
Пример

Answer 1

[Антон Спирин]

Если вы хотите, чтобы его обтекал текст, то поменяйте местами элементы b-navbar__nav-cell и b-navbar__search местами. Так как плавающие элементы обтекают элементы расположенные ниже.

Comments

[Yevhenii K]

Обтекают только те елементы которые находяться после float?

[Антон Спирин]

Женя К, именно. Но если у них установлено соответствующее значение clear или они позиционируются вне лайаута(absolute, fixed) то обтекать плавающий элемент они не будут.

[Yevhenii K]

Антон Спирин, Спасибо, теперь разобрался. А то уже забыл как работать с float.

[Сергей delphinpro]

Женя К, float:left — плавать слева, остальные блоки соответственно обтекают справа.