Родительская проблема высоты DIV

Question

Когда я даю float: left и float: right to inner div.Свойство высоты родительского элемента div не работает.Зачем?Как решить?

jsfiddle , чтобы продемонстрировать проблему.

Answer 1

Дайте overflow: auto; в родительском div. Это будет обрабатывать разницу в высоте между родителем и ребенком.

Обновлено jsFiddle

Answer 2

Добавьте эту строку перед закрытием родительского div

<br style="clear:both"/>

Проверьте это

Answer 3

Гарри прав.Для полноты: плавающий родитель также работает, как и добавление очищенного элемента (или псевдоэлемента) внизу.