Как исправить работу clearfix-элемента (едет верстка)?

Question

[weranda]

Приветствую

Ранее с таким не сталкивался, работал себе с clearfix'ами и тут те на – все поехало.
jsfiddle
Два часа бьюсь тщетно. По идее блок хлебных крошек должен быть окрашен в желтый цвет и контент следовать сразу за ним, а получается так, что блок хлебных крошек занимает всю высоту левого блока ...

upd
Понимаю что можно задать display: inline этим крошкам, но в блоке контента будут использоваться другие блоки с clearfix.

Answer 1

[Briss]

https://jsfiddle.net/oz68egxv/1/

overflow:hidden в большинстве случаев отлично заменяет clearfix

Comments

[weranda]

Спасибо, но есть недопонимание того, почему так ведет себя clearfix. Прочитал сегодня несколько статей на эту тему и нигде не нашел overflow: hidden (возможно не то читал)). Если я добавлю это свойство ко всем элементам с классом clearfix, что-то нехорошее может произойти?

[Briss]

Если только у вас есть какие-то элементы, которые по вашей задумке должны вылезать за пределы родительского блока, у которого задан overflow:hidden ( например, выпадающее меню) - тогда да, overflow вам может помешать. В остальных случаях он более удобен.

[weranda]

Класс! Еще раз, благодарю.