Div с ростом 0px, он не растет по отношению к своим детям

Question

У меня есть div div.home-top с двумя другими div div#home-content как float:left и div#home-buttons как float:right.

и ниже div#home-top получил div#home-footer как clear:both

Мой div#home-top - минимальный размер. Я положил его красным, но не вижу. Как заставить div#home-top взять на себя рост у детей. См. код.

Answer 1

Добавить overflow: hidden; в CSS для div#home-top:

div#home-top
{
    background-color:Red;
    overflow: hidden;
}

JS Fiddle demo

Answer 2

Плавающие div не имеют высоты, поэтому .home-top не расширяется. Вам нужно будет указать ему явную высоту или открыть внутренние элементы.