Как сделать floated div на 100% высоты его родителя?

Question

Вот HTML:

<div id="outer">
    <div id="inner"></div>
    Test
</div>

А вот и CSS:

#inner {
  float: left;
  height: 100%;
}

После проверки с помощью инструментов разработчика Chrome внутренний div получает высоту 0px.

Как я могу заставить его быть на 100% высоты родительского div?

Answer 1

попробуй

#outer{overflow: auto;}

показать больше опций в: Как вы удерживаете родителей всплывающих элементов от разрушения?