Почему Float не позволяет продлить высотку блока?

Question

[keche]

Есть блок, в нем два элемента: картина и p с текстом.
У основного блока задан фоновый цвет, высота не задана (чтобы фон блок и фон растягивались по высоте)
Если эти блоки по умолчанию следуют друг за другом. То помещаю в параграф сколько угодно текста, фон основного блока растягивается.
Однако если добавить float к картинке, чтобы текст обтекал картинку, тут же пропадает частично фон и блок растягивается по высоте, только уже без фона.

Как избежать этого? Чтобы фон растягивался вместе с блоком, даже при использовании Float?

Answer 1

[alvvi]

Что почитать: тыц
Как решить: clearfix или создать блочный контекст форматирования у родителя с помощью overflow: hidden / других свойств создающих БКФ.
Подробнее про clearfix: тыц