CSS: родительский / дочерний рост

Question

Я борюсь с высотой боковой панели.

Мой контейнер теперь показывает правильную высоту (высоту содержимого внутри), но моя боковая панель, которая должна использовать 100% этой высоты, по-прежнему не отображается.

Я реализовал одно из предложенных ниже предложений (http://www.quirksmode.org/css/clearing.html), но боковая панель все еще не появляется.

Я уверен, что это простой для вас профессионал, любые советы приветствуются!

Спасибо

Tom

Вот мой код: http://jsfiddle.net/tomperkins/wy52B/

Answer 1

Проверьте таким образом очистки поплавков, это намного чище и проще в использовании.

Answer 2

Не используйте clearfix

В большинстве ситуаций это не нужно, и оно определенно не семантическое.

Простое решение для большинства случаев: плавающий родитель.

HTML:

<div class="parent">
  <div class="child">
  </div>
  <div class="child">
  </div>
</div>

CSS:

.parent
{
  float: left;
  width: 100%; /*or whatever you want it to be*/
}

.child
{
  float: left;
  width: 50%;
}