Почему не удлиняется блок из за float?

Question

[keche]

Есть блок, в котором репитится фон.
Есть два других блока в этом блоке с фоном, и чтобы поставить их рядом прописано float:left;
И как только прописываешься такое свойство, фон перестает повторятся а основной блок, в котором размещено все, перестает растягиваться по высоте.
Если убираешь свойство float:left; блоки идут друг за другом, т.е. не так как нужно, но зато фоновый блок растягивается по высоте и репитится фон.
Как справится с таким недостатком?

Comments

[iBird Rose]

пример кода?

[keche]

iBird Rose: websozidatel.ru/ip в блоке акции, счетчики

[keche]

iBird Rose: Решение пока увидел - поместить цифры таймера в отдельный блок и задать ему высоту, тогда фон репитится.

[iBird Rose]

keche: окей. а в чем проблема то? я там не наблюдаю того, что вы описали.
к примеру вместо float: left; можно использовать display: inline-block;
а чтобы фон повторялся - не пишите no-repeat в конце, где подключаете фон

[keche]

iBird Rose: фон там без норепита.
Спасибо, помогло использование inline-block;

Answer 1

[Negwereth]

overflow: hidden для родителя. Вас в гугле забанили?
float parent collapses

Answer 2

[Рафаэль ™]

не используй float
используй флексбокс по умолчанию для всего
смотри мою статью про флексбокс фирст